| 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: <ширина-межі> || <стиль-межі> || <колір>
Значення
Значення ширина-межі визначає товщину лінії. Для контролю вигляду лінії є кілька значень стиль-межі. Їх назви та результати дії показані на малюнку 1.
<колір> встановлює колір лінії, значення може бути у будь-якому допустимому для CSS форматі.
Приклад
Приклад
HTML5CSS3IE 9CrOpSaFx
<!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.