Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
10.0 | 1.0 + | 11.1 + | 3.0 + | 1.5 + | 2.0 + |
Коротка інформація
Значення за умовчанням | medium none |
---|---|
Успадковується | Ні |
Застосовується | До блокових елементів ( крім таблиць), осередків і елементів, у яких display встановлений як inline-block |
Відсотковий запис | незастосовні |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
В багатоколонкові тексті отрісовиваєт лінію між колонками.
Синтаксис
column-rule: <border-width> || <border-style> || <колір>
Значення
Значення border-width визначає товщину лінії. Для управління видом лінії надається кілька значень border-style . Їх назви і результат дії представлений на рис. 1.
<колір> встановлює колір лінії, значення може бути в будь-якому допустимому для CSS форматі.
Приклад
HTML5 CSS3 IE 9 Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> column-rule </title> <style> .book {-moz-column-count: 3; -moz-column-width: 200px; -moz-column-rule: 1px solid #ccc; -webkit-column-count: 3; -webkit-column-width: 200px; -webkit-column-rule: 1px solid #ccc; column-count: 3; column-width: 200px; column-rule: 1px solid #ccc; } </style> </head> <body> <div class="book"> Як було показано вище, криза жанру дає звукоряд, і тут як модусу конструктивних елементів використовується ряд яких-небудь єдиних тривалостей. Фьюжн, за визначенням, поліфігурно варіює гармонійний інтервал, і якщо в одних голосах або пластах музичної тканини твори ще тривають конструктивно-композиційні процеси попередньої частини, то в інших — відбувається становлення нових. Трехчастная фактурна форма, в першому наближенні, можлива. Форшлаг витончено продовжує хамбакер, і якщо в одних голосах або пластах музичної тканини твори ще тривають конструктивно-композиційні процеси попередньої частини, то в інших — відбувається становлення нових. </div> </body> </html>
Браузери
Firefox підтримує нестандартне властивість - moz-column-rule .
Safari, Chrome і iOS підтримують нестандартне властивість - webkit-column-rule .