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

Правила CSS @

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

Свойство content в CSS Свойство column-width в CSS3

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

Свойство CSS columns — это сокращенная форма, которая позволяет одновременно устанавливатьcolumn-widthИcolumn-countСвойство.

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

Значение по умолчанию:	auto auto; Просмотреть все свойства
Для:	Не заменяемыйБлочныйЭлемент (за исключением таблицевых элементов), ячейка иВнутренний блокЭлемент
Наследование:	Нет
Анимируемость:	Да, каждый атрибут шрифта является анимируемым.См. также Анимационные свойства.
Версия:	Новые функции CSS3
JavaScript грамматика:	object.style.columns="100px 3"

Использование грамматики колонки

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

columns:　[　column-width　column-count　]　|　initial　|　inherit

Ниже приведен пример использования свойства columns.

Пример

p　{
　　　　-webkit-columns:　150px　3;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-columns:　150px　3;　/*　Firefox　*/
　　　　　　　　　　　　columns:　150px　3;　
}

Проверьте, ›/‹

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

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

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

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

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

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

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

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

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

Свойство content в CSS Свойство column-width в CSS3