column-rule-width

Índice

Definición de .column-rule-width en CSS

La propiedad CSS .column-rule-width establece el grosor de la línea que se dibuja entre columnas por estilo de regla de columna en un diseño de múltiples columnas CSS.

Caso de empleo de la propiedad column-rule-width

Esta propiedad de CSS se utiliza de esta forma:

.columns {
  columns: 2 600px;
  column-rule-style: dotted;
  column-rule-width: 3px;
}

Otro ejemplo más avanzado de .column-rule-width es el siguiente de CODEPEN:

Sintaxis de .column-rule-width en CSS

column-rule-width: medium|thin|thick|length|initial|inherit;

Valores

Valor Descripción Manifestación
medio Valor por defecto. Define una regla media
delgada Define una regla delgada
grueso Define una regla gruesa
longitud Especifica el ancho de la regla.
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .column-rule-width

Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
column-span 50.0
4.0 -webkit-
10.0 71.0 9.0
3.1 -webkit-
37.0
15.0 -webkit-
11.1

Referencias técnicas

Puede que también te interesen estas propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso