CSS3 Свойство column-fill
Полный CSS Справочник
Пример
Указать, как заполнять колонки:
div
{
column-fill:auto;
} |
Еще примеры внизу этой страницы. |
Поддержка Браузерами
Свойство column-fill не поддерживается ни одним из основных браузеров.
Определение и ИспользованиеСвойство column-fill указывает, как заполнять колонки, равномерно или нет.
Значение по умолчанию: |
balance |
Наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
объект.style.columnFill="auto" |
Синтаксис
column-fill: balance|auto; |
Значение |
Описание |
balance |
Колонки сбалансированны. Браузеры должны минимизировать разницу в длине колонок
|
auto |
Колонки заполняются последовательно и они будут иметь различные длины |
 |
Попробуйте сами - Примеры |
Количество колонок
Разделить текст элемента div на три колонки.
Интервал между колонками
Разделить текст элемента div на три колонки и указать между ними интервал (разрыв) в 30 пикселей.
Линейка между колонками
Указать ширину, стиль и цвет линейки между колонками.
Смотрите ТакжеCSS3 уроки: CSS3 Множественные Колонки
Полный CSS Справочник
|