Definición de .column-rule-color aplicado en CSS
La propiedad CSS .column-rule-color determina el color de una línea entre columnas en un diseño de multi-columna CSS.
Ejemplo de empleo de la propiedad column-rule-color
Si te gustaría emplear esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente manera:
.columns {
column-count: 2 600px;
column-rule-style: solid;
column-rule-color: #f8a100;
}Otro ejemplo más avanzado de .column-rule-color es el siguiente de CODEPEN:
Sintaxis de .column-rule-color en CSS
column-rule-color: color|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| color | Especifica el color de la regla. Busque una lista completa de posibles valores de color | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .column-rule-color
Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| column-rule-style | 50.0 4.0 -webkit- | 10.0 | 52.0 2.0 -moz- | 9.0 3.1 -webkit- | 37.0 15.0 -webkit 11.1 |
