Propriedade de estilo columnRuleStyle
Exemplo
Altere o estilo da regra entre as colunas:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Definição e uso
A propriedade columnRuleStyle especifica o estilo da regra entre as colunas.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
columnRuleStyle | 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
Sintaxe
Retorne a propriedade 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
Value | Description |
---|---|
none | Default value. Defines no rule |
hidden | Defines a hidden rule |
dotted | Defines a dotted rule |
dashed | Defines a dashed rule |
solid | Defines a solid rule |
double | Defines a double rule |
groove | Specifies a 3D grooved rule. The effect depends on the width and color values |
ridge | Specifies a 3D ridged rule. The effect depends on the width and color values |
inset | Specifies a 3D inset rule. The effect depends on the width and color values |
outset | Specifies a 3D outset rule. The effect depends on the width and color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a propriedade column-rule-style de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Tutorial CSS3: várias colunas CSS3
Referência CSS: propriedade column-rule-style
❮ Objeto de estilo