column-span¶
Свойство column-span
определяет, как должен отображаться элемент в многоколоночном тексте — занимать ширину всех колонок или только одну из них.
Это свойство обычно применяют для заголовков текста или изображений, которые не должны разбиваться на колонки.
Колонки и таблицы
Синтаксис¶
/* Keyword values */
column-span: none;
column-span: all;
/* Global values */
column-span: inherit;
column-span: initial;
column-span: unset;
Значения¶
none
- Элемент наряду с обычным содержимым занимает ширину одной колонки.
all
- Элемент занимает все колонки.
Примечание¶
Safari, Chrome и Аndroid поддерживают свойство -webkit-column-span
.
Значение по-умолчанию:
column-span: none;
Применяется к блочным элементам (кроме таблиц), ячейкам и элементам, у которых display
установлен как inline-block
Спецификации¶
Поддержка браузерами¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>column-span</title>
<style>
.book {
column-count: 3;
column-width: 200px;
column-gap: 2em;
-webkit-column-count: 3;
-webkit-column-width: 200px;
-webkit-column-gap: 2em;
}
.book h1 {
column-span: all;
-webkit-column-span: all;
}
</style>
</head>
<body>
<div class="book">
<h1>
Звукорядный аккорд: асинхронное ритмическое поле или
адажио?
</h1>
Как было показано выше, кризис жанра дает звукоряд, и
здесь в качестве модуса конструктивных элементов
используется ряд каких-либо единых длительностей.
Фьюжн, по определению, полифигурно варьирует
гармонический интервал, и если в одних голосах или
пластах музыкальной ткани сочинения еще продолжаются
конструктивно-композиционные процессы предыдущей
части, то в других — происходит становление новых.
Трехчастная фактурная форма, в первом приближении,
возможна. Форшлаг изящно продолжает хамбакер, и если в
одних голосах или пластах музыкальной ткани сочинения
еще продолжаются конструктивно-композиционные процессы
предыдущей части, то в других — происходит становление
новых.
</div>
</body>
</html>