Колона-правило-боја - ЦСС-трикови

Преглед садржаја:

Anonim

column-rule-colorЦСС имовине одређује боју линије између колона у изгледу ЦСС више колона.

Имовина не може да делује сама! Да бисмо видели боју, треба да направимо линију - која се технички назива „правило“ - између ступаца. За то је потребна column-rule-styleимовина.

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

Или, можемо да користимо column-ruleстенографију имовину, која комбинује column-rule-color, column-rule-styleи column-rule-widthу једном декларацијом.

column-rule: 3px solid #f8a100;

Синтакса

column-rule-colorузима једну вредност боје. То може бити било која ваљана ЦСС боја, укључујући хек, РГБ, РГБа, ХСЛ, ХСЛа и именоване боје. Прихвата чак и currentColorкао вредност.

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;

Демо

Подршка прегледача

ИЕ Ивица Фирефок Хром Сафари Опера
10+ 12+ 3.5+ 4+ 3.1+ 11.5+
Андроид Цхроме Андроид Фирефок Андроид претраживач иОС Сафари опера мини
85+ 79+ Не 3.2+ Све
Извор: каниус

Спецификација

ЦСС модул распореда у више колона ниво 1 (Нацрт уредника)