Exemplo
Mude o estilo da regra entre colunas:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Tente você mesmo " Definição e Uso
A propriedade columnRuleStyle especifica o estilo da regra entre colunas.
Suporte navegador
A propriedade columnRuleStyle é suportada no Internet Explorer 10 e Opera.
Firefox suporta uma alternativa, a propriedade MozColumnRuleStyle.
Safari e Chrome suportam uma alternativa, a propriedade WebkitColumnRuleStyle.
Sintaxe
Devolver o imóvel columnRuleStyle:
object .style.columnRuleStyle Defina a propriedade columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| none | Valor padrão. Define nenhuma regra |
| hidden | Define uma regra escondida |
| dotted | Define uma regra pontilhada |
| dashed | Define uma regra pontilhada |
| solid | Define uma regra sólida |
| double | Define uma regra dupla |
| groove | Especifica uma regra ranhuras 3D. O efeito depende da largura e da cor valores |
| ridge | Especifica uma regra ridged 3D. O efeito depende da largura e da cor valores |
| inset | Especifica uma regra de inserção 3D. O efeito depende da largura e da cor valores |
| outset | Especifica uma regra de início 3D. O efeito depende da largura e da cor valores |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | Nenhum |
|---|---|
| Valor de retorno: | A String, que representa a propriedade de regra de estilo coluna de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
Tutorial CSS3: CSS3 várias colunas
Referência CSS: column-rule-style property
<Estilo de objeto