| Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
Android |
iOS |
| 10.0 |
1.0+ |
11.1+ |
3.0+ |
1.5+ |
|
2.0+ |
Краткая информация
| Значение по умолчанию |
auto |
| Наследуется |
Нет |
| Применяется |
К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block |
| Процентная запись |
Неприменима |
| Ссылка на спецификацию |
http://www.w3.org/TR/css3-multicol/#column-count |
Версии CSS
| CSS 1 |
CSS 2 |
CSS 2.1 |
CSS 3 |
|
|
|
|
Описание
Определяет количество колонок в многоколоночном тексте.
Синтаксис
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.
Перейти обратно к новости
|