column-span
Определяет, как должен отображаться элемент в многоколоночном тексте — занимать ширину всех колонок или только одну из них. Это свойство обычно применяют для заголовков текста или изображений, которые не должны разбиваться на колонки.
Краткая информация
Значение по умолчанию | none |
---|---|
Наследуется | Нет |
Применяется | К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block |
Анимируется | Нет |
Синтаксис
column-span: none | all
Значения
- none
- Элемент наряду с обычным содержимым занимает ширину одной колонки.
- all
- Элемент занимает все колонки.
Пример
Код примера скопирован в буфер
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>column-span</title> </head> <body> <div class="book"> <h1>Звукорядный аккорд: асинхронное ритмическое поле или адажио?</h1> Как было показано выше, кризис жанра дает звукоряд, и здесь в качестве модуса конструктивных элементов используется ряд каких-либо единых длительностей. Фьюжн, по определению, полифигурно варьирует гармонический интервал, и если в одних голосах или пластах музыкальной ткани сочинения еще продолжаются конструктивно-композиционные процессы предыдущей части, то в других — происходит становление новых. Трехчастная фактурная форма, в первом приближении, возможна. Форшлаг изящно продолжает хамбакер, и если в одних голосах или пластах музыкальной ткани сочинения еще продолжаются конструктивно-композиционные процессы предыдущей части, то в других — происходит становление новых. </div> </body> </html>
Результат данного примера показан на рис. 1.
Рис. 1. Результат использования column-span
Объектная модель
Объект.style.columnSpan
Примечание
Chrome до версии 50, Safari до версии 9 и Аndroid до версии 80 поддерживают свойство -webkit-column-span.
Спецификация
Спецификация | Статус |
---|---|
CSS Multi-column Layout Module | Редакторский черновик |
Браузеры
10 | 12 | 4 | 50 | 11.1 | 5.1 | 9 | 71 |
1 | 80 | 12 | 5 | 9 |