Свойство 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 вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
Читайте также
Свойство table-layout
Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом.
Задает определенные настроки для разных языков
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang...
Свойство word-spacing
Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со зна...
Свойство font-family
Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.&l...
Стили не содержащие указанный селектор
Псевдокласс :not задаёт правила стилей для элементов, которые не содержат указанный селектор.