Свойство 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;
}