| 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 ).
Приклад
HTML5 CSS3 IE 9 Cr Op Sa Fx
<!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 .