Свойство 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>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
Читайте также
Свойство line-clamp
Ограничивает текст заданным числом строк. При превышении текста указанным числом строк, он обреза...
Свойство flex-direction
Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На напр...
Свойство margin-top
Устанавливает величину отступа от верхней границы текущего элемента до внутренней границы его род...
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том...
Свойство border-left-color
Устанавливает цвет левой границы элемента.