Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Свойство column-fill в CSS3 Свойство color в CSS

Метод использования и примеры для свойства column-count в CSS3

Свойство column-count CSS определяет количество столбцов в многостолбчатом элементе.

Ниже приведена таблица, объясняющая использование и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.

Значение по умолчанию:	auto
Поддерживается для:	Non-replacedBlock элементы（исключая тег таблицы），ячейки иInline-block элементы
Инherit:	Нет
Анимируемо:	Да.Анимационные свойства.
Версия:	Новые функции CSS3
JavaScript грамматика:	object.style.columnCount=5

Грамматика использования column-count

Грамматика этого свойства такая:

column-count:　　|　auto　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство column-count.

Пример

p　{
　　　　-webkit-column-count:　3;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-count:　3;　/*　Firefox　*/
　　　　　　　　　　　　column-count:　3;　
}

Проверьте, как это работает‹/›

Значения свойств

Таблица ниже описывает значения этого свойства.

Значение	Описание
number	Целое положительное число, используемое для указания числа столбцов в многостраничном элементе. Еслиcolumn-widthЕсли также установлено значение не auto, то это может означать максимальное количество столбцов, которое разрешено.
auto	Число столбцов определяется другими CSS свойствами, напримерcolumn-width. Это значение по умолчанию.
initial	Установить этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанные элементы используют значение column-count родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства column-count, числа в таблице ниже представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-, 15+ ^-webkit-

Дополнительное чтение

Узнайте больше в следующих руководствах:CSS3 многостраничный макет.

Связанные свойства:column-width,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-fill,columns.

Свойство column-fill в CSS3 Свойство color в CSS