Свойство column-count

Свойство column-count определяет желаемое количество колонок текста, на которое необходимо разделить содержимое элемента. Реальное количество колонок может быть больше или меньше данного значения, в зависимости от количества текста, ширины промежутков между колонок, размеров блока и некоторых других параметров. В случае, когда кроме количества колонок, указан ширина колонки, то свойство column-count трактуется как максимальное количество колонок.

Допустимые значения

  • auto - автоматический расчет количества колонок
  • <целое число> - желаемое количество колонок (столбцов) текста

Свойство column-count определено в спецификации CSS 3 модуль Multi-column Layout (многоколоночная разметка), применяется к блочным элементам (кроме таблиц), к ячейкам таблиц, строчным блокам (inline-block), и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение auto. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

  • column-width - желаемая ширина колонки текста
  • columns - параметры многоколоночного текста (количество колонок и их ширина)
  • -moz-column-count - желаемое количество колонок текста
  • -moz-column-width - желаемая ширина колонки текста
  • -webkit-column-count - желаемое количество колонок текста
  • -webkit-column-width - желаемая ширина колонки текста
  • -webkit-columns - параметры многоколоночного текста (количество колонок и их ширина)

Краткое описание

желаемое количество колонок текста

Синтаксис:

&lt;integer&gt; | auto

По умолчанию:

auto

Применяется к:

блочным элементам (кроме таблиц), к ячейкам таблиц, строчным блокам (inline-block)

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style.column-count

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

2.0+

Chrome

1.0+

Safari

1.0+

Opera

8.5+