Latest web development tutorials

HTML DOM Estilo colunas propriedade

Estilo Object Reference estilo Objects

Exemplos

O texto é dividido em três colunas, cada um mínimo de 100 pixels:

document.getElementById("myDIV").style.columns="100px 3";

tente »

Definição e Uso

colunas propriedade é um atalho para definir columnWidth e columnCount.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera e Internet Explorer 10 colunas de suporte propriedade.

Firefox suporta outra alternativa do atributo propriedade que MozColumns propriedade.

Safari e Chrome suportam outra alternativa do atributo propriedade que WebkitColumns propriedade.


gramática

atributos colunas traseiras:

object .style.columns

Definindo propriedades de colunas:

object .style.columns="auto|column-width column-count|initial|inherit"

Valor de propriedade

描述
auto 默认值。设置 column-width 为 "auto",column-count 为 "auto"。
columnWidth 列的宽度。
columnCount 列数。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: auto auto
retorna: String representando as colunas elemento de atributo.
versão CSS CSS3


artigos relacionados

tutorial CSS3: CSS3 multi-coluna

CSS Referência: Colunas propriedade


Estilo Object Reference estilo Objects