Atributo column-width do CSS
- Página anterior column-span
- Próxima página columns
Definição e uso
A propriedade column-width define a largura da coluna.
Veja também:
Tutorial CSS3:Múltiplas colunas CSS3
Manual HTML DOM:Propriedade columnWidth
Exemplo
Define a largura da coluna:
div { column-width:100px; }
Mais exemplos na parte inferior da página.
Sintaxe CSS
column-width: auto|length;
Valor do atributo
Valor | Descrição | Teste |
---|---|---|
auto | A largura da coluna é determinada pelo navegador. | Teste |
length | Define a largura da coluna. | Teste |
Detalhes técnicos
Valor padrão: | auto |
---|---|
Herança: | no |
Versão: | CSS3 |
Sintaxe JavaScript: | object.style.columnWidth="100px" |
Mais exemplos
- Column-count
- Divide o texto do elemento div em três colunas.
- Column-gap
- Divide o texto do elemento div em três colunas, com espaçamento entre colunas de 30 pixels.
- Column-rule
- Define a largura, estilo e cor entre as colunas.
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Números com -webkit- ou -moz- indicam a primeira versão com prefixo utilizada.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- Página anterior column-span
- Próxima página columns