Atributo column-rule-width do CSS

Definição e uso

A propriedade columnRuleWidth define a regra de largura entre as colunas.

Veja também:

Tutorial de CSS3:Multi-coluna do CSS3

Manual de referência do DOM HTML:Propriedade columnRuleWidth

Exemplo

Define a regra de cor entre as colunas:

div {
  column-rule-width: 10px;
}

Experimente você mesmo

Mais exemplos no rodapé da página.

Sintaxe do CSS

column-rule-width: thin|medium|thick|length;

Valor do atributo

Valor Descrição Teste
thin Define a regra fina. Teste
medium Define a regra média. Teste
thick Define a regra da largura. Teste
length Define a largura da regra. Teste

Detalhes técnicos

Valor padrão: medium
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.columnRuleWidth="thin"

Mais exemplos

Column-count
Divide o texto dentro do elemento div em três colunas.
Column-gap
Divide o texto dentro do elemento div em três colunas, com espaçamento entre colunas de 30 pixels.
Column-rule
Define a largura, estilo e cor entre as colunas.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente a propriedade.

Números com -webkit- ou -moz- indicam a primeira versão com prefixo usada.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1