css властивість column-rule-style


Властивість column-rule-style у багатоколонковому тексті задає стиль ліній між колонками. Якщо стиль явно не вказано, то колір тексту в колонках і колір ліній між ними збігається.

Властивість `column-rule-style`

Властивість column-rule відображається як певна межа, яка з'являється між стовпцями на макеті з декількома стовпцями.

Властивість column-rule-style слід використовувати разом із властивостями column-rule-width, інакше використання цієї властивості не буде мати ефекту (через відсутність значення "ширина").

Нотатка:

Ви можете використовувати універсальну властивість column-rule, щоб встановити ширину, стиль і колір стовпчика в одному місці.

Синтакс

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; 
}

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів