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

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

Anonim

column-rule-widthЦСС имовина поставља дебљину линије која се увлачи између стубова је column-rule-styleу изгледу више колона у ЦСС.

.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )

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

.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )

Синтакса

column-rule-width: thin | medium | thick |
  • Почетна вредност: medium
  • Односи се на: контејнере са више колона
  • Наследио: не
  • Израчуната вредност: апсолутна дужина; 0ако column-rule-styleје noneилиhidden
  • Тип анимације: према израчунатој врсти вредности

Вредности

column-rule-width узима једну именовану, дужину или глобалну вредност.

/* Named values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* Length values */ column-rule-width: 15px; column-rule-width: 1.5rem; /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset;

Демо

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

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

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

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