CSS-свойство columns является кратким свойством для одновременной установки свойств column-width и column-count.
| Значение по умолчанию: | auto |
| Применяется к: | Блочные элементы, кроме элементов таблиц (table), и строчные элементы |
| Наследование: | Нет |
| Анимирование: | Да, так как каждое из подсвойств является анимируемым. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
columns: [ column-width column-count ] | initial | inherit
Примеры написания кода свойства columns:
p {
-webkit-columns: 150px 3; /* Chrome, Safari, Opera */
-moz-columns: 150px 3; /* Firefox */
columns: 150px 3; /* Standard syntax */
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
column-width |
Определяет ширину столбца в элементе из нескольких столбцов. |
column-count |
Определяет количество столбцов в элементе из нескольких столбцов. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента columns. |
Поддержка браузеров
Свойство columns поддерживается во всех основных браузерах.















