Свойство 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>Читайте также
Свойство font
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста....
Свойство background-origin
Определяет область позиционирования фонового рисунка. Оно не применяется, при background-attachment: fixed....
Стили к элементам указанного типа
Псевдокласс :nth-of-type используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса :nth-child от...
Свойство aspect-ratio
Устанавливает соотношение сторон элемента в виде отношения его ширины к высоте. aspect-ratio не оказывает влияния на размеры в следующих ситуациях: