Опубликовано: 18.08.2010 Последняя правка: 10.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

column-gap

Свойство CSS column-gap используется для указания расстояния между колонками (столбцами) многоколоночного элемента.

Тип свойства

Назначение: форматирование.

Применяется: к незамещаемым элементам уровня блока (кроме <TABLE> и элементов с displaytable). К ячейкам таблиц — <TD>, <TH> и элементам с displaytable-cell. А также к встроенным блокам — displayinline-block.

Наследуется: нет.

Значения

Значением свойства column-gap является один из следующих вариантов, указывающих расстояние между колонками.

Процентная запись: не существует.

Значение по умолчанию: normal.

Синтаксис

column-gap: normal | размеры

Пример CSS: использование column-gap

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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 1CSS 2CSS 2.1CSS 3
Поддержка:НетНетНетДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и вышеДо 11.111.1 и выше3.1 и выше
Поддержка:НетНетНетНетДаНет