Exibir código-fonte para Predefinição:Div col/doc

{{Subpágina de documentação}}
{{ombox | type=notice | text = Atualmente o uso de colunas é suportado apenas pelas versões mais recentes dos navegadores baseados em [[Gecko (Mozilla)|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 (web browser)|Opera]] até a versão 11.0 não oferecem suporte a colunas.''' Ver [[:en:Template:Reflist#Browser support for columns|mais informações]].}}
{{Layout de múltiplas colunas em CSS3}}

Esta predefinição, juntamente com a {{tl|-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 é, {{tl|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 [[Navegador (informática)|navegador]]es que oferecem suporte a pelo menos uma das seguintes propriedades [[Cascading Style Sheets|CSS]]:
* ''column-count'' (para os navegadores compatíveis com [[Cascading Style Sheets#CSS 3|CSS3]]; ver [http://www.w3.org/TR/css3-multicol/ CSS3 module: Multi-column layout])
* ''-moz-column-count'' (para navegadores baseados em [[:en:Mozilla application framework|Mozilla]]/[[Gecko (Mozilla)|Gecko]] tais como o [[Firefox]])
* ''-webkit-column-count'' (para os navegadores baseados em [[WebKit]] tais como o [[Safari (web browser)|Safari]] e o [[Google Chrome]])

==Uso==
; 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 <code>colunas=</code>.
; separador =   : produz um separador vertical entre as colunas se for definido como <code>'''sim'''</code>.
; small    =: specifica que a fonte ser menor (80%) se for definido como <code>'''sim'''</code>.
; style    =: especifica estilos personalizados.

=== Exemplos ===
==== Sem definir parâmetros ====
O código wiki
<pre>{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}</pre>
produz o seguinte resultado:
{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}

==== Definição do número de colunas ====
Também podemos dividir em 3 colunas (ou mais), acrescentando o parâmetro '''cols=número'''. Eis um exemplo desta divisão:
<pre>{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}</pre>

O resultado é a seguinte lista:
{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}

==== Definição da largura das colunas ====
<pre>{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}</pre>
produz
{{div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}

==== Inclusão de um separador ====
<pre>{{Div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}</pre>

produz:
{{div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}

==== Redução do tamanho da fonte ====
Outra parâmetro é o ''pequeno=sim'', que reduz o tamanho do texto:
<pre>{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}</pre>
mostrará na tela:
{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{-fim}}

== Ver também ==
{{Colunasx|
* {{t|divcol}} — similar, mas não requer o fecho do bloco
* {{t|multicol}} |
* {{t|col-begin}}
* {{t|colunas-lista}} |
* {{t|colunasx}}
}}
<includeonly>
[[Categoria:!Predefinições de tabela e coluna]]
</includeonly>