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 поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.