✔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.