CSS-свойство column-rule определяет свойства для пространства между столбцами column. Это короткое свойство для одновременной установки отдельных свойствcolumn-rule-width, column-rule-style и column-rule-color.

Значение по умолчанию: Индивидуальные CSS-свойства
Применяется к: Multi-column элементы
Наследование: Нет
Анимирование: Да, так как некоторые подсвойства являются анимируемыми. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

column-rule: [ column-rule-width column-rule-style column-rule-color ] | initial | inherit

Примеры написания кода свойства column-rule:

p {
    /* Chrome, Safari, Opera */
    -webkit-column-count: 3;
    -webkit-column-gap: 100px;
    -webkit-column-rule: 2px solid red;
    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 100px;
    -moz-column-rule: 2px solid red;
    /* Standard syntax */
    column-count: 3;
    column-gap: 100px;
    column-rule: 2px solid red;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
column-rule-width Устанавливает ширину пространства между столбцами. Значение по умолчанию — medium. Отрицательные значения не допускаются.
column-rule-style Устанавливает стиль пространства между столбцами. Значение по умолчанию none
column-rule-color Устанавливает цвет пространства между столбцами. Значение по умолчанию — это color элемента.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-rule.

Поддержка браузеров

Свойство column-rule поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.