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

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

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

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

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

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

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