Свойство column-widthCSS3
Пример
Укажите ширину столбца:
div
{
column-width:100px;
-moz-column-width:100px; /* Firefox */
-webkit-column-width:100px; /* Safari и Chrome */
}
{
column-width:100px;
-moz-column-width:100px; /* Firefox */
-webkit-column-width:100px; /* Safari и Chrome */
}
Попробуйте сами »
Дополнительные примеры внизу этой страницы.
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
Число, непосредственно предшествующее -webkit-, -ms- или -moz-, — это первая версия браузера, которая поддерживает свойство с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| column-width | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Определения атрибутов и инструкции по использованию
Свойство column-width задаёт ширину столбцов.
| Значение по умолчанию: | auto |
|---|---|
| Наследуется: | нет |
| версия: | CSS3 |
| Синтаксис JavaScript: | object.style.columnWidth="100px" |
Синтаксис
column-width: auto|length;
| Значение | Описание |
|---|---|
| auto | Браузер определит ширину столбцов |
| length | Укажите длину ширины столбца |
Другие примеры
Текст элемента div разделён на три столбца.
Разделите текст в элементе div на три столбца и укажите промежуток в 30 пикселей между столбцами.
Задаёт правила между столбцами: ширина, стиль и цвет.
Связанные статьи
Руководство по CSS3:Множественные столбцы CSS3
Другие расширения