Atributo column-rule-style de CSS

Definición y uso

La propiedad columnRuleStyle define las reglas de estilo entre las columnas.

Véase también:

Tutorial de CSS3:CSS3 columnas múltiples

Manual de referencia de HTML DOM:Propiedad columnRuleStyle

Ejemplo

Establecer la regla de color entre las columnas:

div {
  column-rule-style: dotted;
}

Prueba por tu cuenta

Hay más ejemplos en la parte inferior de la página.

Sintaxis de CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Valor del atributo

Valor Descripción Pruebas
ninguna Define la regla sin línea. Pruebas
hidden Define la regla oculta. Pruebas
dotted Define la regla de línea punteada. Pruebas
dashed Define la regla de línea punteada. Pruebas
solid Define la regla de línea sólida. Pruebas
double Define la regla de línea doble. Pruebas
groove Define la regla 3D grooved. Este efecto depende de los valores de ancho y color. Pruebas
ridge Define la regla 3D ridged. Este efecto depende de los valores de ancho y color. Pruebas
inset Define la regla 3D inset. Este efecto depende de los valores de ancho y color. Pruebas
outset Define la regla 3D outset. Este efecto depende de los valores de ancho y color. Pruebas

Detalles técnicos

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

Más ejemplos

Column-count
Divide el texto del elemento div en tres columnas.
Column-gap
Divide el texto del elemento div en tres columnas, con un espacio entre ellas de 30 píxeles.
Column-rule
Define el ancho, estilo y color entre las columnas.

Compatibilidad del navegador

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

Los números con -webkit- o -moz- indican la primera versión con prefijo utilizada.

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