Свойство 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>Читайте также
Свойство transition-property
Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода....
Свойство font
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста....
Свойство letter-spacing
Определяет интервал между символами в пределах элемента. Допустимо использовать отрицательное значение....
Свойство border-color
Позволяет задать цвет границы сразу для всех сторон элемента или только для указанных....