Свойство columns
Свойство columns
параметры многоколоночного текста (количество колонок и их ширина).
Свойство columns
определено в спецификации CSS 3 модуль Multi-column Layout (многоколоночная разметка), применяется к блочным элементам (кроме таблиц), к ячейкам таблиц, строчным блокам (inline-block), и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение auto auto. На данный момент свойство поддерживается во всех основных браузерах.
Смотри также:
- column-count - желаемое количество колонок текста
- column-fill - правила для распределения текста между колонками
- column-gap - ширина интервала между колонками текста
- column-rule - свойства линии-разделителя между колонками текста (цвет, стиль, ширина)
- column-rule-color - цвет линии-разделителя между колонками текста
- column-rule-style - стиль линии-разделителя между колонками текста
- column-rule-width - толщина линии-разделителя между колонками текста
- column-span - правила для перекрытия элементом колонок
- column-width - желаемая ширина колонки текста
- -moz-column-count - желаемое количество колонок текста
- -moz-column-gap - ширина интервала между колонками текста
- -moz-column-width - желаемая ширина колонки текста
- -moz-column-rule - свойства линии-разделителя между колонками текста (цвет, стиль, ширина)
- -moz-column-rule-width - толщина линии-разделителя между колонками текста
- -moz-column-rule-style - стиль линии-разделителя между колонками текста
- -moz-column-rule-color - цвет линии-разделителя между колонками текста
- -webkit-column-break-after - правила установки разрыва колонки после элемента
- -webkit-column-break-before - правила установки разрыва колонки перед элементом
- -webkit-column-break-inside - правила установки разрыва колонки внутри элемента
- -webkit-column-count - желаемое количество колонок текста
- -webkit-column-gap - ширина интервала между колонками текста
- -webkit-column-rule - свойства линии-разделителя между колонками текста (цвет, стиль, ширина)
- -webkit-column-rule-color - цвет линии-разделителя между колонками текста
- -webkit-column-rule-style - стиль линии-разделителя между колонками текста
- -webkit-column-rule-width - толщина линии-разделителя между колонками текста
- -webkit-column-width - желаемая ширина колонки текста
- -webkit-columns - параметры многоколоночного текста (количество колонок и их ширина)
Краткое описание
параметры многоколоночного текста (количество колонок и их ширина)
Синтаксис:
<column-width> || <column-count>
По умолчанию:
auto auto
Применяется к:
блочным элементам (кроме таблиц), к ячейкам таблиц, строчным блокам (inline-block)
Наследование:
не наследуетсяТип носителя:
визуальные
Объектная модель документа (DOM):
[элемент].style.columns
Кроссбраузерная совместимость
Internet Explorer
5+ |
---|
Firefox
2.0+ |
---|
Chrome
1.0+ |
---|
Safari
1.0+ |
---|
Opera
8.5+ |
---|