Ejemplo
Cambiar el estilo de la regla entre columnas:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Inténtalo tú mismo " Definición y Uso
La propiedad columnRuleStyle especifica el estilo de la regla entre columnas.
Soporte del navegador
La propiedad columnRuleStyle es compatible en Internet Explorer 10 y Opera.
Firefox soporta una alternativa, la propiedad MozColumnRuleStyle.
Safari y Chrome soportan una alternativa, la propiedad WebkitColumnRuleStyle.
Sintaxis
Devolver la propiedad columnRuleStyle:
object .style.columnRuleStyle Establecer la propiedad columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| none | Valor por defecto. Define ninguna regla |
| hidden | Define una regla oculta |
| dotted | Define una regla de puntos |
| dashed | Define una regla de trazos |
| solid | Define una regla sólida |
| double | Define una regla de doble |
| groove | Especifica una regla ranurado 3D. El efecto depende de los valores de anchura y de color |
| ridge | Especifica una regla surcado 3D. El efecto depende de los valores de anchura y de color |
| inset | Especifica una regla de inserción 3D. El efecto depende de los valores de anchura y de color |
| outset | Especifica una regla de inicio 3D. El efecto depende de los valores de anchura y de color |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | ninguna |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad de estilo regla de la columna de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
CSS3 tutorial: CSS3 varias columnas
Referencia CSS: column-rule-style property
<Estilo de objeto