column-width

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
10.0	1.0+	11.1+	3.0+	1.5+		2.0+

Краткая информация

Значение по умолчанию	auto
Наследуется	Нет
Применяется	К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Процентная запись	Неприменима

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3
			+

Описание

Задаёт оптимальную ширину колонки в многоколоночном тексте. Реальная ширина колонки может быть больше введённого значения, сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.

Синтаксис

column-width: <значение> | auto

Значения

<значение>

Значение ширины колонки в абсолютных единицах CSS (например, пикселах).

auto

Ширина колонок вычисляется автоматически на основе других свойств (column-count, column-gap).

Пример

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> column-width </title>

<style>

.book {

-moz-column-count: 3;

-moz-column-width: 200px;

-webkit-column-count: 3;

-webkit-column-width: 200px;

column-count: 3;

column-width: 200px;

}

</style>

</head>

<body>

<div class="book">

Как было показано выше, кризис жанра дает звукоряд, и здесь в

качестве модуса конструктивных элементов используется ряд

каких-либо единых длительностей. Фьюжн, по определению,

полифигурно варьирует гармонический интервал, и если в одних

голосах или пластах музыкальной ткани сочинения еще продолжаются

конструктивно-композиционные процессы предыдущей части,

то в других — происходит становление новых.

Трехчастная фактурная форма, в первом приближении, возможна.

Форшлаг изящно продолжает хамбакер, и если в одних голосах

или пластах музыкальной ткани сочинения еще продолжаются

конструктивно-композиционные процессы предыдущей части,

то в других — происходит становление новых.

</div>

</body>

</html>

Браузеры

Firefox поддерживает нестандартное свойство -moz-column-width.

Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-column-width.

Категория: Колонки