Атрибут CSS column-span

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

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

См. также:

Уроки CSS3:Многостраничный CSS3

Руководство по HTML DOM:Свойство columnSpan

Пример

Сделать элемент h2 занимать все колонки:

h2
{
column-span:all;
}

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

Более примеров внизу страницы.

CSS синтаксис

column-span: 1|all;

Значение атрибута

Значение Описание Тестирование
1 Элемент должен занимать одну колонку. Тестирование
all Элемент должен занимать все колонки. Тестирование

Технические детали

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

Более примеров

Column-count
Разделяет текст в элементе div на три колонки.
Column-gap
Разделяет текст в элементе div на три колонки с интервалом между ними 30 пикселей.
Column-rule
Определяет ширину, стиль и цвет между колонками.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префикс.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1