|
CSS3 Свойство column-count
 Полный CSS Справочник
Пример
Разделить текст в элементе div на три колонки:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari и Chrome */
column-count:3;
} |
Попробуйте сами »
Еще примеры внизу этой страницы. |
Поддержка Браузерами
Свойство column-count поддерживается только в Opera.
Firefox поддерживает альтернативное свойство -moz-column-count.
Safari и Chrome поддерживают альтернативное свойство -webkit-column-count.
Определение и ИспользованиеСвойство column-count указывает количество колонок, на которое необходимо разделить элемент.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.columnCount=3 |
Синтаксис
| column-count: число|auto; |
| Значение |
Описание |
| число |
Оптимальное количество колонок, на которое содержимое элемента будет распределено |
| auto |
Количество колонок будет определено другими свойсвами, такими как, например,
"column-width" |
 |
Попробуйте сами - Примеры |
Интервал между колонками
Разделить текст элемента div на три колонки и указать интервал между ними в 30 пикселов.
Линейка колонок
Указать ширину, стиль и цвет линейки между колонками.
Смотрите ТакжеCSS3 уроки: CSS3 Множественные Колонки
Полный CSS Справочник
|
