Atributo Style columns
- Página anterior columnRuleWidth
- Próxima página columnSpan
- Voltar à página anterior Objeto Style DOM
Definição e uso
columns
O atributo é uma abreviação para definir columnWidth e columnCount.
Veja também:
Tutorial CSS3:Multi-coluna do CSS
Manual de referência CSS:Atributo columns
Exemplo
Divida o texto em três colunas, cada uma com pelo menos 100 pixels:
document.getElementById("myDIV").style.columns = "100px 3";
Sintaxe
Retornar o atributo columns:
objeto.style.columns
Definir o atributo columns:
objeto.style.columns = "auto|column-width column-count|initial|inherit"
Valor do atributo
Valor | Descrição |
---|---|
auto | Valor padrão. Defina a largura da coluna como "auto" e o número de colunas como "auto". |
columnWidth | Largura da coluna. |
columnCount | Número de colunas. |
initial | Defina este atributo para seu valor padrão. Veja initial。 |
inherit | Herda este atributo do elemento pai. Veja inherit。 |
Detalhes técnicos
Valor padrão: | auto auto |
---|---|
Retorno: | Cadeia de caracteres, que representa o Atributo columns。 |
Versão do CSS: | CSS3 |
Suporte do navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- Página anterior columnRuleWidth
- Próxima página columnSpan
- Voltar à página anterior Objeto Style DOM