Esta é uma subpágina de documentação para a Predefinição:Div col. Ela contém informações sobre o seu uso, categorias, bem como todo o conteúdo que não faz parte da predefinição original. |
Atualmente o uso de colunas é suportado apenas pelas versões mais recentes dos navegadores baseados em Gecko (tais como o Mozilla Firefox) e dos baseados em WebKit (tais como o Google Chrome e o Safari). Todas as versões do Internet Explorer até a versão 9 e do Opera até a versão 11.0 não oferecem suporte a colunas. Ver mais informações. |
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:
- column-count (para os navegadores compatíveis com CSS3; ver CSS3 module: Multi-column layout)
- -moz-column-count (para navegadores baseados em Mozilla/Gecko tais como o Firefox)
- -webkit-column-count (para os navegadores baseados em WebKit tais como o Safari e o Google Chrome)
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
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
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
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
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: