Свойство column-gap
Описание
Задаёт расстояние между колонками в многоколоночном тексте.
Синтаксис
column-gap: normal | размер;Подробности
| Значение | Описание |
| normal | Межколоночный интервал устанавливается браузером автоматически. |
| размер | Значение ширины межколоночного интервала в единицах CSS. |
Пример
<!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-gap: 2em;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>Читайте также
Свойство background-image
Задает фоновое изображение элемента. В качестве значения указывается путь к изображению. Он может быть записан в ковычках или без них....
Свойство text-fill-color
Устанавливает цвет заливки символов текста. Браузеры при наличии color игнорируют его и отдают предпочтение text-fill-color.
text-fill-color об...
Отображается ниже самого верхнего элемента в стеке по оси Z
Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно ::ba...
Стили к элементам указанного типа
Псевдокласс :nth-of-type используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса :nth-child от...