Manual de referencia CSS

CSS @reglas (RULES)

Lista completa de atributos CSS

CSS3 column-Atributo rule CSS3 column-Atributo fill

CSS3 column-Uso y ejemplo del atributo gap

de column-El atributo gapCSS especifica el espacio entre las columnas de los elementos de múltiples columnas. Si hay un espacio entre las columnascolumn-rule, que aparecerá en el medio del espacio.

La tabla a continuación proporciona instrucciones de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	normal
Aplicable a:	Elementos de múltiples columnas
Herencia:	No
Animable:	Sí.Atributos de animación.
Versión:	CSS3nueva característica
Sintaxis de JavaScript:	object.style.columnGap="50px"

column-Sintaxis de uso de gap

La sintaxis de este atributo es la siguiente:

column-gap: | normal | initial | inherit

Los siguientes ejemplos muestran cómo usar column-Atributo gap

Ejemplo

p {
　　　　-webkit-column-gap:　50px;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}

Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
length	Un valor de longitud que define el tamaño del espacio entre columnas. No puede ser negativo, pero puede ser 0.
normal	Indica el espacio entre columnas predeterminado definido por el navegador. En la mayoría de los navegadores, el valor predeterminado es1em.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, los elementos relacionados utilizarán el elemento padre column-Valores del atributo gap.

Compatibilidad del navegador

column-La compatibilidad del navegador del atributo gap. Los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-,15+ ^-webkit-

Leer más

Consulte las siguientes instrucciones:CSS3Diseño de multi-columns.

Propiedades relacionadas:column-width,column-fill,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.

CSS3 column-Atributo rule CSS3 column-Atributo fill