column-rule-style
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
CSS свойство column-rule-style
устанавливает стиль линии, расположенной между колонками при мультиколоночной вёрстке.
Интерактивный пример
Синтаксис
css
/* <'border-style'> значения */
column-rule-style: none;
column-rule-style: hidden;
column-rule-style: dotted;
column-rule-style: dashed;
column-rule-style: solid;
column-rule-style: double;
column-rule-style: groove;
column-rule-style: ridge;
column-rule-style: inset;
column-rule-style: outset;
/* Глобальные значения */
column-rule-style: inherit;
column-rule-style: initial;
column-rule-style: unset;
Свойство column-rule-style
указывается как одиночное <'border-style'>
значение.
Значения
<'border-style'>
-
Ключевое слово, определяющее
border-style
, описывающий стиль для линии, разделяющей столбцы. Стилизация должна быть интерпретирована как разрушающая границы модель.
Формальный синтаксис
Пример
HTML
html
<p>
This is a bunch of text split into three columns. The `column-rule-style`
property is used to change the style of the line that is drawn between
columns. Don't you think that's wonderful?
</p>
CSS
css
p {
column-count: 3;
column-rule-style: dashed;
}
Результат
Спецификации
Specification |
---|
CSS Multi-column Layout Module Level 1 # crs |
Начальное значение | none |
---|---|
Применяется к | мультиколоночные элементы |
Наследуется | нет |
Обработка значения | как указано |
Animation type | discrete |
Совместимость с браузерами
BCD tables only load in the browser