La column-rule-colorpropiedad CSS determina el color de una línea entre columnas en un diseño CSS de varias columnas.
¡La propiedad no puede actuar sola! Para ver el color, necesitamos trazar la línea, técnicamente llamada "regla", entre columnas. Eso requiere la column-rule-stylepropiedad.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )O podemos usar la column-rulepropiedad abreviada, que combina column-rule-color, column-rule-styley column-rule-widthen una sola declaración.
column-rule: 3px solid #f8a100;Sintaxis
column-rule-colortoma un solo valor de color. Puede ser cualquier color CSS válido, incluidos colores hexadecimales, RGB, RGBa, HSL, HSLa y con nombre. Incluso acepta currentColorcomo valor.
column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;Manifestación
Soporte de navegador
| ES DECIR | Borde | Firefox | Cromo | Safari | Ópera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ | 4+ | 3.1+ | 11,5+ |
| Android Chrome | Android Firefox | Navegador de Android | Safari de iOS | mini Opera |
|---|---|---|---|---|
| 85+ | 79+ | No | 3.2+ | Todos |
Especificación
Módulo de diseño de varias columnas CSS, nivel 1 (borrador del editor)