Свойство column-width в CSS

Определение и использование

свойство column-width определяет ширину колонок.

См. также:

Уроки CSS3:Многостоечное CSS3

Руководство по HTML DOM:свойство columnWidth

Примеры

Определяет ширину колонок:

div
{
column-width:100px;
}

Попробуйте сами

На странице внизу есть более примеров.

CSS синтаксис

column-width: auto|length;

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

Значение Описание Тестирование
auto Ширина колонок определяется браузером. Тестирование
length Определяет ширину колонок. Тестирование

Технические детали

Значение по умолчанию: auto
Ингеритация: no
Версия: CSS3
JavaScript синтаксис: object.style.columnWidth="100px"

Более примеров

Column-count
Разделяет текст внутри элемента div на три колонки.
Column-gap
Разделяет текст внутри элемента div на три колонки с интервалом между ними 30 пикселей.
Column-rule
Определяет ширину, стиль и цвет столбцов.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префиксы.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0