Los últimos tutoriales de desarrollo web
 

Style columnGap Property

<Estilo de objeto

Ejemplo

Especificar una brecha de 40 píxeles entre las columnas:

document.getElementById("myDIV").style.columnGap = "50px";
Inténtalo tú mismo "

Definición y Uso

La propiedad columnGap especifica el espacio entre las columnas.

Note: Si hay una columna en reglas entre las columnas, aparecerá en la mitad de la brecha.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad columnGap es compatible en Internet Explorer 10 y Opera.

Firefox soporta una alternativa, la propiedad MozColumnGap.

Safari y Chrome soportan una alternativa, la propiedad WebkitColumnGap.

Nota: La propiedad columnGap no es compatible con Internet Explorer 9 y versiones anteriores.


Sintaxis

Devolver la propiedad columnGap:

object .style.columnGap

Establecer la propiedad columnGap:

object .style.columnGap=" Valores de propiedad
Valor Descripción
length Una longitud especificada que ajustar el espacio entre las columnas
normal Valor por defecto. Especifica un hueco normal entre las columnas. W3C sugiere un valor de 1 em
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: normal
Valor de retorno: Una cadena, que representa la propiedad de la columna-gap de un elemento
Versión CSS CSS3

Páginas relacionadas

CSS3 tutorial: CSS3 varias columnas

Referencia CSS: column-gap property


<Estilo de objeto