Свойство 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>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
Читайте также
Свойство border-bottom
Позволяет одновременно установить толщину, стиль и цвет нижней границы элемента.<br>Значени...
Стили к элементам указанного типа
Псевдокласс :nth-of-type используется для добавления стиля к элементам на основе нумерации в дере...
Свойство grid-auto-columns
Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позицио...
Свойство overflow-y
Управляет отображением содержания блочного элемента по вертикали, если контент целиком не помещае...
Свойство bottom
Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.<...