English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS @

Полный список свойств CSS

Метод использования и примеры для свойства CSS3 column-gap

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

Таблица ниже содержит описание использования и историю версий этого свойства, а также грамматику использования в скриптах JavaScript.

Значение по умолчанию:normal
Применяется к:Элементы многостраничной разметки
Наследование:Нет
Анимировано:Да.Анимационные свойства.
Версия: Новые возможности CSS3
JavaScript грамматика:object.style.columnGap="50px"

Грамматика использования column-gap

Грамматика этого свойства такая:

column-gap:　　|　normal　|　initial　|　inherit

Ниже приведен пример использования свойства column-gap.

p　{
　　　　-webkit-column-gap:　50px;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}
Проверьте, как это работает‹/›

Значения свойств

Таблица ниже описывает значения этого свойства.

ЗначениеОписание
lengthЗначение длины, определяющее размер зазора между колонками. Оно не может быть отрицательным, но может быть равно 0.
normalУказывает использовать значение по умолчанию для интервала между колонками, определенное браузером. В большинстве браузеров значение по умолчанию равно 1em.
initialУстановите этот параметр в его значение по умолчанию.
inheritЕсли указано, то связанный элемент использует значение свойства column-gap родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства column-gap, числа в таблице ниже показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 2+ -moz-

  • Google Chrome 4+ -webkit-

  • Internet Explorer 10+

  • Apple Safari 3.1+ -webkit-

  • Opera 11.1+ -o-, 15+ -webkit-

Дополнительное чтение

Узнайте больше из следующих руководств:CSS3 многостраничная разметка.

Связанные свойства:column-width,column-fill,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.

Атрибут column-rule CSS3Атрибут column-fill CSS3