Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
column-gap
Свойство CSS column-gap используется для указания расстояния между колонками (столбцами) многоколоночного элемента.
Тип свойства
Назначение: форматирование.
Применяется: к незамещаемым элементам уровня блока (кроме <TABLE> и элементов с display: table). К ячейкам таблиц — <TD>, <TH> и элементам с display: table-cell. А также к встроенным блокам — display: inline-block.
Наследуется: нет.
Значения
Значением свойства column-gap является один из следующих вариантов, указывающих расстояние между колонками.
Процентная запись: не существует.
Значение по умолчанию: normal.
Синтаксис
column-gap: normal | размеры
Пример CSS: использование column-gap
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>seodon.ru - CSS свойство column-gap</title>
<style type="text/css">
body {
column-count: 3; /* количество колонок */
column-gap: 2cm; /* расстояние между колонками */
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetuer arcu nunc ornare Mauris nibh.
Suscipit scelerisque id auctor consequat tellus ut Ut elit dis Cras.
Adipiscing Integer morbi Integer orci laoreet et interdum vitae dui gravida.
Ipsum Quisque vel tincidunt lobortis pellentesque Curabitur mi sed convallis In.
Nibh Maecenas sit ipsum In fringilla elit Proin sed Morbi Morbi. Enim Vivamus
consequat facilisi enim urna Curabitur ipsum Nunc vitae rhoncus. Ut odio nec
vitae lobortis rutrum porttitor vitae adipiscing risus nulla. Sem.</p>
</body>
</html>Версии CSS
| Версия: | CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| Поддержка: | Нет | Нет | Нет | Да |
Браузеры
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari | |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | До 11.1 | 11.1 и выше | 3.1 и выше |
| Поддержка: | Нет | Нет | Нет | Нет | Да | Нет |