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 ).
Приклад
HTML5 CSS3 IE 9 Cr Op Sa Fx
<!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 .