column-gap
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 10.0 | 1.0+ | 11.1+ | 3.0+ | 1.5+ | 2.0+ |
Краткая информация
| Значение по умолчанию | normal |
|---|---|
| Наследуется | Нет |
| Применяется | К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block |
| Процентная запись | Неприменима |
Версии CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Описание
Задаёт расстояние между колонками в многоколоночном тексте.
Синтаксис
column-gap: <значение> | normal
Значения
- <значение>
- Значение ширины межколоночного интервала в единицах CSS (например, пикселах).
- normal
- Межколоночный интервал устанавливается браузером.
Пример
HTML5CSS3IE 9CrOpSaFx
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>column-gap</title>
<style>
.book {
-moz-column-count: 3; /* Для Firefox */
-moz-column-width: 200px;
-moz-column-gap: 2em;
-webkit-column-count: 3; /* Для Safari и Chrome */
-webkit-column-width: 200px;
-webkit-column-gap: 2em;
column-count: 3;
column-width: 200px;
column-gap: 2em;
}
</style>
</head>
<body>
<div class="book">
Как было показано выше, кризис жанра дает звукоряд, и здесь в
качестве модуса конструктивных элементов используется ряд
каких-либо единых длительностей. Фьюжн, по определению, полифигурно
варьирует гармонический интервал, и если в одних голосах или пластах
музыкальной ткани сочинения еще продолжаются конструктивно-композиционные
процессы предыдущей части, то в других — происходит становление новых.
Трехчастная фактурная форма, в первом приближении, возможна. Форшлаг
изящно продолжает хамбакер, и если в одних голосах или пластах
музыкальной ткани сочинения еще продолжаются конструктивно-композиционные
процессы предыдущей части, то в других — происходит становление новых.
</div>
</body>
</html>Браузеры
Firefox поддерживает нестандартное свойство -moz-column-gap.
Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-column-gap.
