Свойство 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 вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
Читайте также
Свойство background-clip
Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен пр...
Свойство border-left-width
Устанавливает толщину левой границы элемента.
Функция linear-gradient()
Функция добавляет линейный градиент к фону элемента. Она выступает значением свойства <span cl...
Применяется к дочернему элементу указанного типа
Псевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он являет...
Стиль поля формы с атрибутом readonly
Применяется к полям формы, у которых задан атрибут readonly. Такое поле не может быть модифициров...