Свойство 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>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.

Читайте также

Свойство background-size

Масштабирует фоновое изображение, согласно заданным размерам.

Свойство grid-area

Свойство grid-area даёт название элементу чтобы можно было ссылаться на него с помощью шаблона со...

Свойство padding

Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника.

Свойство transition-timing-function

Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого примен...

Свойство background-origin

Определяет область позиционирования фонового рисунка. Оно не применяется, при background-attachme...