propiedad CSS3 columna de diferencia
Ejemplos
Especifica el hueco 40 entre las columnas de píxeles:
div
{
la columna de diferencia: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-columna-gap: 40px; / * * Safari y Chrome /
}
{
la columna de diferencia: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-columna-gap: 40px; / * * Safari y Chrome /
}
Trate »
En la parte inferior de esta página para más ejemplos.
Soporte para el navegador
属性 | |||||
---|---|---|---|---|---|
column-gap | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Definiciones de atributos e instrucciones
La brecha entre la propiedad de la columna de diferencia especifica las columnas.
NOTA: Si especifica las reglas distancia entre columnas, que tomará la media.
Por defecto: | normal |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnGap = "40px" |
gramática
column-gap:length|normal;
值 | 描述 |
---|---|
length | 一个指定的长度,将设置列之间的差距 |
normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
más ejemplos
Columna de recuento
Texto elemento div en tres columnas.
Columna en reglas
Las reglas especifican entre columnas: ancho, estilo y color.
Artículos relacionados
CSS3 tutorial: CSS3 múltiple las Columnas