propriedade colunas CSS3
Exemplos
Especifica a largura e o número de colunas:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Atributo definições e instruções
Colunas propriedade é uma propriedade estenográfica para definir a largura da coluna e número de colunas.
padrão: | auto auto |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | .style.columns objeto = "100px 3" |
gramática
colunas: coluna da largura da coluna de contagem;
valor | descrição |
---|---|
coluna de largura | largura da coluna |
coluna de contagem | Número de colunas |
mais exemplos
Coluna de contagem
div elemento de texto em três colunas.
Column-gap
Texto no elemento div em três colunas, e especificar a diferença entre as colunas de um pixel 30.
Coluna-rule
Regras especificam entre colunas: largura, estilo e cor.
artigos relacionados
tutorial CSS3: CSS3 múltipla as Colunas