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


Властивість column-rule в багатоколонкові тексті малює лінію між колонками і визначає її параметри.

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

Властивість column-rule є узагальненою для установки всіх влативостей типу column-rule-:

  • column-rule-width
  • column-rule-style
  • column-rule-color

У багатоколонковому тексті задає колір, ширину та стиль ліній між колонками.

Синтакс

column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;

Властивість column-rule може отримувати 5 значень:

column-rule-width

Встановлює ширину лінії між колонками. Значення без задання середу medium

column-rule-style

Встановлює стиль лінії між колонами. Значення без задання none

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

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

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

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