column-rule-color

Базовая линия Широко доступная

Эта функция хорошо укоренилась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

Свойство column-rule-color CSS задаёт цвет линии, проведенной между колонками в многоколоночном макете.

Попробуйте

Синтаксис

/* <color> values */
column-rule-color: red;
column-rule-color: rgb(192 56 78);
column-rule-color: transparent;
column-rule-color: hsl(0 100% 50% / 60%);

/* Global values */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: revert;
column-rule-color: revert-layer;
column-rule-color: unset;

Свойство column-rule-color задаётся как единственное <color> значение.

Значения

<color>: Цвет правила, разделяющего колонки.

Формальное определение

Начальное значение	`currentcolor`
Применяется к	элементам multicol
Наследуется	нет
Вычисленное значение	вычисленный цвет
Тип анимации	a цвет

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

column-rule-color = 
  <color>

Примеры

Установка синей линии между колонками

HTML

<p>
  This is a bunch of text split into three columns. The `column-rule-color`
  property is used to change the color of the line that is drawn between
  columns. Don't you think that's wonderful?
</p>

CSS

p {
  column-count: 3;
  column-rule-style: solid;
  column-rule-color: blue;
}

Результат

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

Спецификация
CSS Multi-column Layout Module Level 1 # crc

Совместимость с браузерами

	Десктоп					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`column-rule-color`	501	1212	523.5–74	11.115	93	5018	524	11.114	91	5.01.0	504.4

См. также

Тип данных <color>
Другие свойства, связанные с цветом: color, background-color, border-color, outline-color, text-decoration-color, text-emphasis-color, text-shadow и caret-color

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color