column-fill¶
Свойство column-fill
определяет, как контент должен распределяться внутри колонок.
Колонки и таблицы
Синтаксис¶
/* Keyword values */
column-fill: auto;
column-fill: balance;
/* Global values */
column-fill: inherit;
column-fill: initial;
column-fill: unset;
Значения¶
auto
- Колонки заполняются последовательно.
balance
- Контент равномерно распределяется между колонок. При печати это правило относится только к последней странице.
balance-all
- Контент равномерно распределяется между колонок. При печати это правило относится ко всем страницам.
Firefox поддерживает свойство -moz-column-fill
.
Значение по-умолчанию:
column-fill: balance;
Применяется к многоколоночным элементам
Спецификации¶
Поддержка браузерами¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>column-fill</title>
<style>
.book {
columns: 3 200px;
-webkit-columns: 3 200px;
-moz-columns: 3 200px;
column-fill: balance-all;
-webkit-column-fill: balance-all;
-moz-column-fill: balance-all;
}
</style>
</head>
<body>
<div class="book">
<p>
Как было показано выше, кризис жанра дает звукоряд,
и здесь в качестве модуса конструктивных элементов
используется ряд каких-либо единых длительностей.
Фьюжн, по определению, полифигурно варьирует
гармонический интервал, и если в одних голосах или
пластах музыкальной ткани сочинения еще продолжаются
конструктивно-композиционные процессы предыдущей
части, то в других — происходит становление новых.
Трехчастная фактурная форма, в первом приближении,
возможна. Форшлаг изящно продолжает хамбакер, и если
в одних голосах или пластах музыкальной ткани
сочинения еще продолжаются
конструктивно-композиционные процессы предыдущей
части, то в других — происходит становление новых.
</p>
</div>
</body>
</html>