CSS-свойство column-width определяет оптимальную ширину столбцов в элементе из нескольких столбцов. Это не абсолютное значение; браузер может регулировать ширину столбца в зависимости от значения других свойств, особенно column-count.

Значение по умолчанию: auto
Применяется к: Блочные элементы, кроме элементов таблиц (table), и строчные элементы
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

column-width: length | auto | initial | inherit

Примеры написания кода свойства column-width:

p {
    -webkit-column-width: 150px; /* Chrome, Safari, Opera */
       -moz-column-width: 150px; /* Firefox */
            column-width: 150px; /* Standard syntax */
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
length Значение в абсолютных или относительных единицах, определяющее ширину столбца.
auto Ширина столбца определяется другими значениями свойств, например column-count.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-width.

Поддержка браузеров

Свойство column-width поддерживается во всех основных браузерах.

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

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

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

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

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