Свойство column-rule-width
Описание
В многоколоночном тексте задаёт толщину линий между колонок.
Синтаксис
column-width: размер | auto;Подробности
| Значение | Описание |
| размер | Указвается размер в px или других единицах. |
| thin | 2px |
| medium | 4px |
| thick | 6px |
Пример
<!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;
column-rule-width: 2em;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>Читайте также
Стили не содержащие указанный селектор
Псевдокласс :not задаёт правила стилей для элементов, которые не содержат указанный селектор....
Свойство grid-gap
Определяет отступ между строками и столбцами grid сетки.
Сокращение для grid-row-gap и grid-column-gap....
Свойство animation-fill-mode
Указывает, как нужно применять стили к объекту анимации до и после ее выполнения....
Функция var()
Функция var() позволяет вставлять значения пользовательских переменных в значения стилевых свойств. var()...