Свойство 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>Читайте также
Стиль первого элемента
Псевдокласс задаёт стиль первого элемента в группе братских элементов (имеющих одного родителя).
Для выбора первого элемента определённого типа...
Свойство column-rule-width
В многоколоночном тексте задаёт толщину линий между колонок....
Свойство border-bottom-style
Устанавливает стиль границы элемента....
Свойство grid-column-gap
Определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между столбцами....