|
CSS3 Свойство column-gap
 Полный CSS Справочник
Пример
Указать интервал (разрыв) между колонками в 40 пикселов:
div
{
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari и Chrome */
column-gap:40px;
} |
Попробуйте сами »
Еще примеры внизу этой страницы. |
Поддержка Браузерами
Свойство column-gap поддерживается только в Opera.
Firefox поддерживает альтернативное свойство -moz-column-gap.
Safari и Chrome поддерживают альтернативное свойство -webkit-column-gap.
Определение и ИспользованиеСвойство column-gap указывает интервал (разрыв, расстояние) между колонками.
Замечание: Если между колонками присутствует линейка (column-rule), она появится
посредине разрыва.
| Значение по умолчанию: |
normal |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.columnGap="40px" |
Синтаксис
| column-count: расстояние|normal; |
| Значение |
Описание |
| расстояние |
Указанное расстояние между колонками |
| normal |
Указывает обычный интервал между колонками. W3C предлагает значение 1em |
 |
Попробуйте сами - Примеры |
Количество колонок
Разделить текст элемента div на три колонки.
Линейка между колонками
Указать толщину, стиль и цвет линейки между колонками.
Смотрите ТакжеCSS3 уроки: CSS3 Множественные Колонки
Полный CSS Справочник
|
