column-span

Обновлено: 11.01.2023

column-span

Определяет, как должен отображаться элемент в многоколоночном тексте — занимать ширину всех колонок или только одну из них. Это свойство обычно применяют для заголовков текста или изображений, которые не должны разбиваться на колонки.

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Анимируется Нет

Синтаксис 

column-span: none | all

Значения

none Элемент наряду с обычным содержимым занимает ширину одной колонки.
all Элемент занимает все колонки.

Пример

Объектная модель

Объект.style.columnSpan

Примечание

Chrome до версии 50, Safari до версии 9 и Аndroid до версии 80 поддерживают свойство -webkit-column-span.

Браузеры

column-span

Посмотреть совместимость на Can I use?

column-span