De Família Corsi
Ir para navegação Ir para pesquisar
Suporte dos navegadores para o layout
de múltiplas colunas em CSS3
Internet
Explorer
Firefox Safari Chrome Opera
≤ 9 ≤ 1.0 ≤ 2 Predefinição:N/a ≤ 11.0
Predefinição:Tabela-sim Predefinição:Tabela-sim Predefinição:Tabela-sim Predefinição:Tabela-sim Predefinição:Tabela-sim

Esta predefinição, juntamente com a {{div col fim}}, é utilizada para dividir uma lista em duas colunas, com a opção de especificar que a fonte tenha um tamanho menor. Ela tem a vantagem sobre as demais predefinições de colunas (isto é, {{col-begin}}) de quebrar automaticamente cada coluna em um tamanho idêntico, de modo que não seja preciso encontrar manualmente onde fica o "meio" das duas colunas, por exemplo.

Esta predefinição cria múltiplas colunas nos navegadores que oferecem suporte a pelo menos uma das seguintes propriedades CSS:

Uso[editar]

colunas = (ou {{{1}}})
especifica o número de colunas. Valor por padrão é 2.
colwidth = (ou {{{2}}})
especifica a largura das colunas, e determina dinamicamente a quantidade de colunas com base na largura da tela; mais colunas serão exibidas em monitores maiores. Este parâmetro tem prioridade sobre colunas=.
separador =
produz um separador vertical entre as colunas se for definido como sim.
small =
specifica que a fonte ser menor (80%) se for definido como sim.
style =
especifica estilos personalizados.

Exemplos[editar]

Sem definir parâmetros[editar]

O código wiki

{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}

produz o seguinte resultado:

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

Predefinição:Div col fim

Definição do número de colunas[editar]

Também podemos dividir em 3 colunas (ou mais), acrescentando o parâmetro cols=número. Eis um exemplo desta divisão:

{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}

O resultado é a seguinte lista:

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

Predefinição:Div col fim

Definição da largura das colunas[editar]

{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}

produz

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

Predefinição:Div col fim

Inclusão de um separador[editar]

{{Div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}

produz:

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

Predefinição:Div col fim

Redução do tamanho da fonte[editar]

Outra parâmetro é o pequeno=sim, que reduz o tamanho do texto:

{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}

mostrará na tela:

Cookies nos ajudam a entregar nossos serviços. Ao usar nossos serviços, você concorda com o uso de cookies.