css властивість column-rule-width
Властивість column-rule-width у багатоколонковому тексті задає товщину ліній між колонками.
Властивість column-rule відображається як певна межа, яка з'являється між стовпцями на макеті з декількома стовпцями.
Властивість column-rule-width слід використовувати разом із властивостями column-rule-style, інакше використання цієї властивості не буде мати ефекту (через відсутність значення "стиль").
Значення:
Три змінні - thin (2 пікселя), medium (4 пікселя) і thick (6 пікселів) задають товщину лінії. Для більш точного значення товщину можна вказувати в пікселях або інших одиницях.
| Порада: | Ви можете використовувати універсальну властивість |
| Порада: | Специфікація не визначає чітко товщину кожного з ключових слів ( |
Синтаксис
column-rule-width: medium|thin|thick|length|initial|inherit;Властивість column-rule-width може отримувати 6 значень:
| Значення без задання: | medium |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.columnRuleWidth="10px" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| column-rule-width | 1.0 -webkit- |
10.0 |
3.5 -moz- |
3.0 -webkit- |
11.1 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| column-rule-width | 1.0 -webkit- |
3.5 -moz- |
3.0 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад зі значенням у вигляді числа
Приклад використання
Товщина лінії буде 1 піксель.
div {
-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
-moz-column-rule-width: 1px; /* Firefox */
column-rule-width: 1px;
}