Свойство column-width
Описание
Задаёт ширину колонки в многоколоночном тексте. Сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.
Синтаксис
column-width: размер | auto;Подробности
| Значение | Описание |
| размер | Значение ширины колонки в абсолютных единицах CSS. |
| auto | auto Ширина колонок вычисляется автоматически на основе других свойств (column-count, column-gap). |
Пример
<!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-rule: 3px red solid;
column-count: 2;
column-width: 200px;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>Читайте также
Свойство cursor
Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы, браузера и установленных параметров....
Свойство background
Универсальное свойство позволяет установить одновременно несколько характеристик фона. Значения могут идти в любом порядке. Включает в себя свойства: ...
Соседние селекторы
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Свойство margin-top
Устанавливает величину отступа от верхней границы текущего элемента до внутренней границы его родительского элемента....