column-width

Обновлено: 08.12.2022

column-width

Задаёт оптимальную ширину колонки в многоколоночном тексте. Реальная ширина колонки может быть больше введённого значения; сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Анимируется Нет

Синтаксис 

column-width: <размер> | auto

Значения

<размер> Значение ширины колонки в абсолютных единицах CSS (например, пикселях).
auto Ширина колонок вычисляется автоматически на основе других свойств (column-count, column-gap).

Пример

Объектная модель

Объект.style.columnWidth

Примечание

Firefox поддерживает свойство -moz-column-width.

Safari, Chrome и Аndroid поддерживают свойство -webkit-column-width.

Браузеры

column-width

Посмотреть совместимость на Can I use?

column-width