column-rule-style

CSS свойство column-rule-style устанавливает стиль линии, расположенной между колонками при мультиколоночной верстке.

Синтаксис

/* <'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, описывающий стиль для линии, разделяющей столбцы. Стилизация должна быть интерпретирована как разрушающая границы модель.

Формальный синтаксис

<'border-style'>

Пример

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

p {
  column-count: 3;
  column-rule-style: dashed;
}

Результат

Спецификации

Specification Status Comment
CSS Multi-column Layout Module
Определение 'column-rule-style' в этой спецификации.
Рабочий черновик Первое определение
Начальное значениеnone
Применяется кмультиколоночные элементы
Наследуетсянет
Отображениевизуальный
Обработка значениякак указано
Animation typediscrete
Канонический порядокper grammar

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
column-rule-styleChrome Полная поддержка 50
Полная поддержка 50
Полная поддержка 1
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Edge Полная поддержка 12
Полная поддержка 12
Полная поддержка 12
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Firefox Полная поддержка 52
Полная поддержка 52
Полная поддержка 3.5
С префиксом
С префиксом Требует вендорный префикс: -moz-
IE Полная поддержка 10Opera Полная поддержка 11.1
Полная поддержка 11.1
Полная поддержка 15
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Safari Полная поддержка 9
Полная поддержка 9
Полная поддержка 3
С префиксом
С префиксом Требует вендорный префикс: -webkit-
WebView Android Полная поддержка 50
Полная поддержка 50
Полная поддержка ≤37
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Chrome Android Полная поддержка 50
Полная поддержка 50
Полная поддержка 18
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Firefox Android Полная поддержка 52
Полная поддержка 52
Полная поддержка 4
С префиксом
С префиксом Требует вендорный префикс: -moz-
Opera Android Полная поддержка 11.1
Полная поддержка 11.1
Полная поддержка 14
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Safari iOS Полная поддержка 9
Полная поддержка 9
Полная поддержка 1
С префиксом
С префиксом Требует вендорный префикс: -webkit-
Samsung Internet Android Полная поддержка 5.0
Полная поддержка 5.0
Полная поддержка 1.0
С префиксом
С префиксом Требует вендорный префикс: -webkit-

Легенда

Полная поддержка  
Полная поддержка
Требует вендорный префикс или другое имя для использования.
Требует вендорный префикс или другое имя для использования.