css властивість column-rule-style
Властивість column-rule-style у багатоколонковому тексті задає стиль ліній між колонками. Якщо стиль явно не вказано, то колір тексту в колонках і колір ліній між ними збігається.
Властивість column-rule відображається як певна межа, яка з'являється між стовпцями на макеті з декількома стовпцями.
Властивість column-rule-style слід використовувати разом із властивостями
column-rule-width, інакше використання цієї
властивості не буде мати ефекту (через відсутність значення "ширина").
| Нотатка: | Ви можете використовувати універсальну властивість |
Синтаксис
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Властивість column-rule-style може отримувати 12 значень:
noneЛінія не відображається і її товщина обнуляється.
hiddenПрихована лінія. Аналогічно none.
dottedПунктирна лінія з набору точок.
dashedПунктирна лінія з серії коротких відрізків.
solidСуцільна лінія.
doubleПодвійна лінія.
grooveСтворює ефект втисненої лінії. Ефект залежить від значень ширини і кольору.
ridgeСтворює ефект рельєфної лінії. Ефект залежить від значень ширини і кольору.
insetСтворює об'ємну лінію.
outsetСтворює об'ємну лінію.
initialВстановлює цю властивість в значення без задання
inheritУспадкує значення властивості від свого батьківського елемента
| Значення без задання: | none |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.columnRuleStyle="dotted" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| column-rule-style | 1.0 -webkit- |
10.0 |
3.5 -moz- |
3.0 -webkit- |
11.1 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| column-rule-style | 1.0 -webkit- |
3.5 -moz- |
3.0 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Пунктирна лінія з цяточок.
div {
-webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */
-moz-column-rule-style: dotted; /* Firefox */
column-rule-style: dotted;
}