Свойство 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>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
Читайте также
Свойство empty-cells
Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.<br><br>Я...
Свойство top
Свойство top для позиционированного элемента определяет расстояние от верхнего края родительского...
Свойство padding-inline-end
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по ст...
Свойство transform
Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...
Свойство z-index
Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном...