Sarake-sääntö-väri - CSS-temppuja

Sisällysluettelo:

column-rule-colorCSS omaisuus määrittää väri viivan palstojen väliin CSS usean sarakkeen asettelun.

Omaisuus ei voi toimia yksin! Jotta voimme nähdä värin, meidän on tehtävä viiva - jota teknisesti kutsutaan "säännöksi" - sarakkeiden väliin. Se vaatii column-rule-styleomaisuuden.

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

Tai voimme käyttää column-rulelyhytominaisuutta, joka yhdistyy column-rule-color, column-rule-styleja column-rule-widthyhdessä ilmoituksessa.

column-rule: 3px solid #f8a100;

Syntaksi

column-rule-colorottaa yhden väriarvon. Se voi olla mikä tahansa kelvollinen CSS-väri, mukaan lukien hex, RGB, RGBa, HSL, HSLa ja nimetyt värit. Se hyväksyy currentColorjopa arvon.

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;