propriedade CSS3 column-gap
Exemplos
Especifica o intervalo 40 entre as colunas de pixel:
div
{
column-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-column-gap: 40px; / * Safari e Chrome * /
}
{
column-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-column-gap: 40px; / * Safari e Chrome * /
}
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
| 属性 | |||||
|---|---|---|---|---|---|
| column-gap | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Atributo definições e instruções
A diferença entre a propriedade de coluna-gap especifica as colunas.
NOTA: Se você especificar as regras distância entre as colunas, levará a média.
| padrão: | normal |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.columnGap = "40px" |
gramática
column-gap:length|normal;
| 值 | 描述 |
|---|---|
| length | 一个指定的长度，将设置列之间的差距 |
| normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
mais exemplos
Coluna de contagem
div elemento de texto em três colunas.
Coluna-rule
Regras especificam entre colunas: largura, estilo e cor.
artigos relacionados
tutorial CSS3: CSS3 múltipla as Colunas
