O melhor tutorial coluna de largura CSS3 atributo em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,Atributo definições e instruções,gramática,mais exemplos,artigos relacionados,

coluna de largura CSS3 atributo

Exemplos

Especifica a largura das colunas:

div
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * Safari e Chrome * /
}

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.

属性
column-width 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

atributo coluna de largura especifica a largura da coluna.

padrão: automático
herança: não
versão: CSS3
sintaxe JavaScript: objeto .style.columnWidth = "100px"


gramática

column-width: auto|length;

描述
auto 浏览器将决定列的宽度
length 指定列宽的长度


Exemplos

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

coluna de largura CSS3 atributo
10/30