Veeru reegel-värv - CSS-trikid

Lang L: none (table-of-contents):

Anonim

column-rule-colorCSS vara määrab värvi joon vahel veergude CSS mitmeveerulise paigutuse.

Vara ei saa üksi tegutseda! Värvi nägemiseks peame veergude vahele tegema joone - tehniliselt nn “reegli”. Selleks on vaja column-rule-stylevara.

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

Või võime kasutada column-rulelühikirjelduse omadust, mis ühendab column-rule-color, column-rule-styleja column-rule-widthühes deklaratsioonis.

column-rule: 3px solid #f8a100;

Süntaks

column-rule-colorvõtab ühe värvi väärtuse. See võib olla mis tahes kehtiv CSS-värv, sealhulgas heksakujuline, RGB, RGBa, HSL, HSLa ja nimevärv. Seda aktsepteeritakse isegi currentColorväärtusena.

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;

Demo

Brauseri tugi

IE Edge Firefox Chrome Safari Ooper
10+ 12+ 3,5+ 4+ 3.1+ 11,5+
Android Chrome Android Firefox Androidi brauser iOS-i Safari Opera Mini
85+ 79+ Ei 3,2+ Kõik
Allikas: caniuse

Spetsifikatsioon

CSS-i mitme veeruga paigutusmooduli 1. tase (redaktori mustand)