Свойство 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>Читайте также
Свойство max-width
Устанавливает максимальную ширину элемента.
Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, m...
Свойство grid-auto-rows
Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позиционировании столбцов и строк (через grid-template-rows ...
Функция var()
Функция var() позволяет вставлять значения пользовательских переменных в значения стилевых свойств. var()...
Стиль элемента при верно введенных данных
Применяется к элементам форм, у которых введённое пользователем значение находится в заранее заданном диапазоне. Сам диапазон устанавливается с помощь...