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