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
Межколоночный интервал устанавливается браузером.
Пример
<!DOCTYPE html>
<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.