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
















