Свойство column-rule
Описание
В многоколоночном тексте отрисовывает линию между колонок и определяет её параметры.
Синтаксис
column-rule: column-rule-width || column-rule-style || column-rule-color;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test {
padding: 10px;
column-count: 2;
column-rule: 3px solid red;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>Читайте также
Свойство flex-basis
Определяет основу флекса, которая является начальным размером элемента. Похоже на свойства width и height, к которым добавляется содержимое элемента....
Стили в полноэкранном режиме
Псевдокласс :fullscreen применяется к элементам, когда браузер находится в полноэкранном режиме. При этом скрывается заголовок окна, адресная строка, ...
Свойство border-spacing
Задаёт расстояние между границами ячеек в таблице. Не работает в случае, когда для таблицы установлено свойство border-collapse со значением collapse....
Свойство font
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста....