Kolumn-regel-färg - CSS-tricks

Innehållsförteckning:

Den column-rule-colorCSS-egenskap bestämmer färgen på en linje mellan kolumner i en CSS flera kolumner layout.

Fastigheten kan inte agera ensam! För att se färgen måste vi göra linjen - tekniskt kallad en "regel" - mellan kolumnerna. Det kräver column-rule-stylefastigheten.

.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )

Eller kan vi använda column-rulestenografi egendom, som kombinerar column-rule-color, column-rule-styleoch column-rule-widthi en enda förklaring.

column-rule: 3px solid #f8a100;

Syntax

column-rule-colortar ett färgvärde. Det kan vara vilken som helst giltig CSS-färg, inklusive hex, RGB, RGBa, HSL, HSLa och namngivna färger. Det accepterar till och med currentColorsom ett värde.

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;