Atributo column-rule de CSS

Definición y uso

El atributo columnRule es un atributo abreviado que se utiliza para establecer todos los atributos column-rule-*.

El atributo columnRule establece las reglas de anchura, estilo y color entre las columnas.

Véase también:

Tutorial de CSS3:CSS3 multicolumn

Manual de referencia de HTML DOM:Atributo columnRule

Ejemplo

Define las reglas de anchura, estilo y color entre las columnas:

div
{
column-rule:3px outset #ff00ff;
}

Prueba por ti mismo

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

Sintaxis de CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Valor del atributo

Valor Descripción
column-rule-width Establece la regla de anchura entre las columnas.
column-rule-style Establece la regla de estilo entre las columnas.
column-rule-color Establece la regla de color entre las columnas.

Detalles técnicos

Valor predeterminado: medium none black
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.columnRule="3px outset #ff00ff"

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.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del 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