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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| column-span | 50.0 4.0 -webkit- | 10.0 | 71.0 | 9.0 3.1 -webkit- | 37.0 15.0 -webkit- 11.1 |
