Свойство 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+