Свойство column-rule-style
Описание
Определяет стиль линий между колонок в многоколоночном тексте.
Синтаксис
column-rule-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;Подробности
| Значение | Описание |
| none | Линия не отображается и значение её толщины обнуляется. |
| hidden | Аналог none. |
| dotted | Линия состоящая из набора точек. |
| dashed | Пунктирная линия. |
| solid | Сплошная линия. |
| double | Двойная линия. |
| groove | Создаёт эффект вдавленной линии. |
| ridge | Создаёт эффект рельефной линии. |
| inset | Псевдотрёхмерная линия. |
| outset | Псевдотрёхмерная линия. |
Пример
<!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 blue;
column-rule-style: double;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>Читайте также
Отображается ниже самого верхнего элемента в стеке по оси Z
Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно ::ba...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб...
Функция radial-gradient()
Функция добавляет радиальный градиент к фону элемента. Радиальные по своему принципу похожи на линейные градиенты, но один цвет переходит в другой не ...
Свойство animation-iteration-count
Указывает, сколько раз будет воспроизводится анимация....