CSS3 column-rule-stylePropiedad

Especifica la regla de estilo entre columnas:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}

Pruébalo »
Hay más ejemplos al final de esta página.

Soporte del navegador

Los números de la tabla indican la primera versión del navegador que admite la propiedad.

El número inmediatamente anterior a -webkit-, -ms- o -moz- indica la primera versión del navegador que admite la propiedad con el prefijo.

Propiedad
column-rule-style	50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

La propiedad column-rule-style especifica la regla de estilo entre columnas.

Valor predeterminado:	none
Herencia:	no
Versión:	CSS3
Sintaxis de JavaScript:	object.style.columnRuleStyle="dotted"

Valor	Descripción
none	No define ninguna regla.
hidden	Define una regla oculta.
dotted	Define una regla punteada.
dashed	Define una regla discontinua.
solid	Define una regla sólida.
double	Define una regla doble.
groove	Define una regla 3D grooved. El efecto depende del valor de la anchura y del color.
ridge	Define una regla 3D ridged. El efecto depende del valor de la anchura y del color.
inset	Define una regla 3D inset. El efecto depende del valor de la anchura y del color.
outset	Define una regla 3D outset. El efecto depende del valor de la anchura y del color.

Divide el texto del elemento div en tres columnas.

Divide el texto del elemento div en tres columnas y especifica un espacio de 30 píxeles entre las columnas.

Especifica la regla entre columnas: ancho, estilo y color.