Свойство columnGap
Пример style.columnGap
Укажите зазор в 40 пикселей между столбцами:
document.getElementById("myDIV").style.columnGap = "50px";
Попробуйте сами »
Описание columnGap
Свойство columnGap определяет зазор между столбцами.
Примечание: Если между столбцами есть разделительная линия, она появится в середине промежутка.
Поддержка columnGap
| Свойство | |||||
|---|---|---|---|---|---|
| columnGap | 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
Синтаксис columnGap
Вернуть свойство columnGap:
object.style.columnGap
Установите свойство columnGap:
object.style.columnGap = "length|normal|initial|inherit"
Значение свойства columnGap
| Значение | Описание |
|---|---|
| length | Указанная длина, которая будет задавать зазор между столбцами. |
| normal | Значение по умолчанию. Указывает нормальный зазор между столбцами. SW3C предлагает значение 1em |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали columnGap
| Значение по умолчанию: | normal |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство элемента column-gap |
| CSS Версия | CSS3 |
Связанные страницы columnGap
<CSS3 Учебник: CSS3 Несколько столбцов
CSS Справочник: Свойство column-gap