column-span

Обновлено: 26.05.2022

column-span

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

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

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

Синтаксис

column-span: none | all

Значения

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

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Результат использования column-span

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

Объект.style.columnSpan

Примечание

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

Браузеры

column-span

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

column-span