column-count
Поддержка браузерами
| 12.0+ | 10.0+ |
Описание
CSS свойство column-count определяет количество колонок, на которое следует разделить элемент.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к незамещаемым блочным или табличным элементам, к ячейкам таблицы или inline-block элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.columnCount=3 |
Синтаксис
column-count: число|auto|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| число | Оптимальное количество колонок, по которым будет распределено содержимое элемента. |
| auto | Количество колонок будет определено другими свойствами, такими как, например, "column-width". |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
column-count:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-count: 1;
}
column-count: 1;
}