Тег column-count з прикладом
Тег column-count визначає кількість стовпців у багатостовпчастому тексті.
Синтаксис
column-count: <число> | auto
Значення
- <число>
- Ціле число більше нуля, що вказує оптимальну кількість стовпців.
- auto
- Кількість стовпців обчислюється автоматично на основі інших властивостей (column-width, column-gap).
Приклад
HTML5CSS3IE 9CrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>column-count</title>
<style>
.book {
-moz-column-count: 2; /* Для Firefox */
-webkit-column-count: 2; /* Для Safari і Chrome */
column-count: 2;
}
</style>
</head>
<body>
<div class="book">
Контрапункт контрастних фактур дає структурний midi-контролер,
таким чином об'єктом імітації є кількість тривалостей в
кожній з відносно автономних ритмогруп ведучого голосу.
Протяжність, за визначенням, просвітлює фленджер, хоча це
досить часто нагадує пісні Джима Моррісона і Петті Сміт.
</div>
</body>
</html>Браузери
Firefox підтримує нестандартну властивість -moz-column-count.
Safari, Chrome та iOS підтримують нестандартну властивість -webkit-column-count.