Колонкова проміжність CSS
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 10.0 | 1.0+ | 11.1+ | 3.0+ | 1.5+ | 2.0+ |
Коротка інформація
Властивість CSS, що встановлює відстань між колонками у багатоколоночному тексті.
Синтаксис
column-gap: <значення> | normal
Значення
- <значення>
- Значення ширини міжколоночного інтервалу в одиницях CSS (наприклад, пікселях).
- normal
- Браузер встановлює міжколоночний інтервал.
Приклад
HTML5CSS3IE 9CrOpSaFx
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>column-gap</title>
<style>
.book {
-moz-column-count: 3;
-moz-column-width: 200px;
-moz-column-gap: 2em;
-webkit-column-count: 3;
-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.