Oszlop-szabály-szín - CSS-trükkök

Tartalomjegyzék:

Anonim

A column-rule-colorCSS tulajdonság meghatározza az oszlopok közötti vonal színét a CSS többoszlopos elrendezésében.

Az ingatlan nem járhat el egyedül! A szín megtekintéséhez meg kell alkotnunk az oszlopok közötti - technikailag „szabálynak” nevezett - vonalat. Ehhez az column-rule-styleingatlanra van szükség .

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

Vagy használhatjuk a column-rulegyorsírás tulajdonságot, amely egyesíti column-rule-color, column-rule-styleés column-rule-widthegyetlen nyilatkozatban.

column-rule: 3px solid #f8a100;

Szintaxis

column-rule-coloregyetlen színértéket vesz fel. Ez bármilyen érvényes CSS szín lehet, beleértve a hex, RGB, RGBa, HSL, HSLa és a megnevezett színeket. Még currentColorértékként is elfogadja .

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;

Demó

Böngésző támogatás

AZAZ Él Firefox Króm Szafari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Android böngésző iOS Safari Opera Mini
85+ 79+ Nem 3.2+ Összes
Forrás: caniuse

Leírás

CSS többoszlopos elrendezési modul, 1. szint (a szerkesztő tervezete)