Latest web development tutorials

HTML DOM propiedad Estilo columnGap

Estilo de referencia de objetos Objetos de estilo

Ejemplos

separación predeterminada entre las columnas es de 40 píxeles:

document.getElementById("myDIV").style.columnGap="50px";

Trate »

Definición y Uso

columnGap atributo especifica el espaciado entre columnas.

Nota: Ajuste de la columna en reglas entre las columnas si aparece en la mitad del intervalo.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 y el apoyo Opera propiedad columnGap.

Firefox soporta otra alternativa del atributo de propiedad que la propiedad MozColumnGap.

Safari y Chrome soportan otra alternativa del atributo de propiedad que la propiedad WebkitColumnGap.

Nota: Internet Explorer 9 y versiones anteriores no son compatibles con la propiedad columnGap.


gramática

Volver propiedades de columnGap:

object .style.columnGap

Configuración de las propiedades de columnGap:

object .style.columnGap="length|normal|initial|inherit"

propiedad Valor

描述
length 把列之间的间隔设置为指定的长度。
normal 默认值。规定列之间的间隔为一个常规的间隔。W3C 建议的值是 1em。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: normal
Devuelve: Cadena que representa el elemento de propiedad de la columna de diferencia.
versión CSS CSS3


Artículos relacionados

CSS3 tutorial: CSS3 varias columnas

CSS Referencia: propiedad de la columna-GAP


Estilo de referencia de objetos Objetos de estilo