Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство column-span


CSS Справочник Полный CSS Справочник

Пример

Позволить элементу h2 охватывать все колонки:

h2
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}

Попробуйте сами »
Еще примеры внизу этой страницы.

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство column-span поддерживается только в Opera.

Chrome поддерживает альтернативное свойство -webkit-column-span.


Определение и Использование

Свойство column-span указывает, на сколько колонок элемент должен распространяться.

Значение по умолчанию: 1
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.columnSpan="all"


Синтаксис

column-span: 1|all;

Значение Описание
1 Элемент будет распространяться на одну колонку
all Элемент будет охватывать все колонки


Примеры

Попробуйте сами - Примеры

Количество колонок
Разбить текст в элементе div на три колонки.

Расстояние между колонками
Разделить текст элемента div на три колонки и указать расстояние между колонками в 30 пикселей.

Линейка между колонками
Указать ширину, стиль и цвет линейки между колонками.


Смотрите Также

CSS3 уроки: CSS3 Множественные Колонки


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru