Suporte dos navegadores para o layout
de múltiplas colunas em CSS3
Internet
Explorer
Firefox Safari Chrome Opera
≤ 9 ≤ 1.0 ≤ 2 ≤ 11.0
10
(2012)
≥ 1.5
(2005)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)

Descrição

editar

Esta predefinição, juntamente com a {{dividir em colunas/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 é, {{verTambém.Ini}}) 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:

Predefinição:colunas é um redirecionamento para essa predefinição, logo poderá usar o par {{colunas}} e {{colunas/fim}} para a mesma função.

Como usar

editar

Antes do texto a ser transformado em coluna deve-se adicionar {{dividir em colunas}} e no após o texto, {{dividir em colunas/fim}}.

Parâmetros

editar
colunas = (ou {{{1}}} ou {{{col}}})
especifica o número de colunas. Valor por padrão é 2.
largura = (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.
pequeno =
especifica que a fonte ser menor (80%) se for definido como sim.
fundo =
especifica a cor do fundo das colunas. Valor por padrão é #EBF5FB (    ).
estilo =
especifica estilos personalizados.

Exemplos

editar

Sem definir parâmetros

editar

O código wiki

{{dividir em colunas}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

produz o seguinte resultado:

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

Definição do número de colunas

editar

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

{{dividir em colunas|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

O resultado é a seguinte lista:

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

Definição da largura das colunas

editar
{{dividir em colunas||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

produz

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

Inclusão de um separador

editar
{{dividir em colunas|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

produz:

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

Redução do tamanho da fonte

editar

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

{{dividir em colunas|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

mostrará na tela:

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

Definição da cor do fundo

editar

Outro parâmetro é o fundo=cor, que altera a cor do fundo:

{{dividir em colunas|fundo=transparent}}
* a
* b
* c
* d
* e
* f
* g
* h
{{dividir em colunas/fim}}

mostrará na tela:

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

Ver também

editar
Outros projetos da Wikimedia também contêm material sobre este tema:
Wikipédia Artigos enciclopédicos na Wikipédia