Свойство 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>Читайте также
Свойство padding
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника....
Свойство transition-property
Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода....
Свойство text-emphasis-position
Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style....
Свойство grid-template
Сокращение для grid-template-rows, grid-template-columns и grid-template-areas....