Atributo column-rule-width de CSS

Definición y uso

La propiedad columnRuleWidth define la regla de ancho entre las columnas.

Véase también:

Tutoriales de CSS3:Multi-columns en CSS3

Manual de referencia HTML DOM:Propiedad columnRuleWidth

Ejemplo

Establece la regla de color entre las columnas:

div {
  column-rule-width: 10px;
}

Prueba por tu cuenta

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

Sintaxis de CSS

column-rule-width: delgado|media|grosso|longitud;

Valor de la propiedad

Valor Descripción Pruebas
delgado delgado Pruebas
media Define una regla media. Pruebas
grosso Define la regla de anchura. Pruebas
longitud Define el ancho de la regla. Pruebas

Detalles técnicos

Valor predeterminado: media
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: objeto.style.columnRuleWidth="delgado"

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 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