column-span

Оновлено: 11.01.2023

column-span

Визначає, як має відображатися елемент у багатоколонковому тексті - займати ширину всіх колонок або тільки одну з них. Цю властивість зазвичай застосовують для заголовків тексту або зображень, які не повинні розбиватися на колонки.

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

Значення за замовчуванням none
Успадковується Ні
Застосовується До блокових елементів (крім таблиць), клітинок і елементів, у яких display встановлено як inline-block
Анімується Ні

Синтаксис

column-span: none | all

Значення

none Елемент поряд зі звичайним вмістом займає ширину однієї колонки.
all Елемент займає всі колонки.

Приклад

Об'єктна модель

Об'єкт.style.columnSpan

Примітка

Chrome до версії 50, Safari до версії 9 і Android до версії 80 підтримують властивість -webkit-column-span.

Браузери

column-span

Переглянути сумісність з Can I use?

column-span