Свойство column-rule-style

Описание

Определяет стиль линий между колонок в многоколоночном тексте.

Синтаксис

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

Свойство column-rule-style

Описание

Синтаксис

Пример

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

Свойство table-layout

Задает определенные настроки для разных языков

Свойство word-spacing

Свойство font-family

Стили не содержащие указанный селектор

Значение	Описание
none	Линия не отображается и значение её толщины обнуляется.
hidden	Аналог none.
dotted	Линия состоящая из набора точек.
dashed	Пунктирная линия.
solid	Сплошная линия.
double	Двойная линия.
groove	Создаёт эффект вдавленной линии.
ridge	Создаёт эффект рельефной линии.
inset	Псевдотрёхмерная линия.
outset	Псевдотрёхмерная линия.