Atributo column-rule do CSS

Definição e uso

O atributo columnRule é um atributo abreviado que define todos os atributos column-rule-*.

O atributo columnRule define as regras de largura, estilo e cor entre as colunas.

Veja também:

Tutorial de CSS3:Colunas CSS3

Manual de referência do HTML DOM:Atributo columnRule

Exemplo

Defina as regras de largura, estilo e cor entre as colunas:

div
{
column-rule:3px outset #ff00ff;
}

Experimente você mesmo

Mais exemplos no rodapé da página.

Sintaxe do CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Valor do atributo

Valor Descrição
column-rule-width Defina as regras de largura entre as colunas.
column-rule-style Defina as regras de estilo entre as colunas.
column-rule-color Defina as regras de cor entre as colunas.

Detalhes técnicos

Valor padrão: medium none black
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.columnRule="3px outset #ff00ff"

Mais exemplos

Column-count
Divida o texto do elemento div em três colunas.
Column-gap
Divida o texto do elemento div em três colunas, com espaçamento entre colunas de 30 pixels.

Suporte do navegador

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

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

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