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