columns
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
Android |
iOS |
10.0 |
1.0+ |
11.1+ |
3.0+ |
9.0+ |
|
2.0+ |
Краткая информация
Значение по умолчанию |
auto |
Наследуется |
Нет |
Применяется |
К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block |
Процентная запись |
Неприменима |
Версии CSS
CSS 1 |
CSS 2 |
CSS 2.1 |
CSS 3 |
|
|
|
|
Описание
Универсальное свойство, которое позволяет одновременно задать ширину и количество колонок многоколоночного текста.
Синтаксис
columns: [column-width] || [column-count]
Значения
Комбинация свойств column-width и column-count. Порядок значения не имеет.
Примеры
Ширина колонок 200 пикселов, количество задаётся браузером.
columns: 200px auto;
Три колонки минимальной ширины 12em каждая.
columns: 3 12em;
Две колонки, их ширина определяется браузером.
columns: 2;
Браузеры
Firefox поддерживает нестандартное свойство -moz-columns.
Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-columns.