css властивість column-rule
Властивість column-rule в багатоколонкові тексті малює лінію між колонками і визначає її параметри.
Властивість column-rule є узагальненою для установки всіх влативостей типу column-rule-:
column-rule-widthcolumn-rule-stylecolumn-rule-color
У багатоколонковому тексті задає колір, ширину та стиль ліній між колонками.
Синтаксис
column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;Властивість column-rule може отримувати 5 значень:
column-rule-widthВстановлює ширину лінії між колонками. Значення без задання середу
mediumcolumn-rule-styleВстановлює стиль лінії між колонами. Значення без задання
nonecolumn-rule-colorВстановлює колір лінії між колонами. Значення без задання співпадає з кольором елемента.
initialВстановлює цю властивість в значення без задання
inheritУспадкує значення властивості від свого батьківського елемента
| Значення без задання: | medium none |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.columnRule="3px outset blue" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| column-rule | 3.0 -webkit- |
11.1 |
1.0 -webkit- |
10.0 |
1.5 -moz- |
12.0 |
| Переглядач | |||
|---|---|---|---|
| column-rule | 1.0 -webkit- |
1.0 -moz- |
3.0 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Значeння у дії
Приклад використання
Синтаксис властивості
div {
-webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
-moz-column-rule: 4px outset #ff00ff; /* Firefox */
column-rule: 4px outset #ff00ff;
}