Свойство column-span определяет, должен ли элемент в многоколоночном тексте занимать ширину всех колонок или только одну из них. Это свойство обычно применяют для заголовков текста или изображений, которые не должны разбиваться на колонки.
CSS синтаксис
column-span: 1 | all | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| 1 | Значение по умолчанию. Элемент должен занимать ширину одной колонки. |
| all | Элемент должен занимать ширину всех колонок. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Определим, чтобы элемент <h2> занимал ширину всех колонок
h2 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}