Stulpelio taisyklės plotis - CSS-gudrybės

Turinys:

Anonim

column-rule-widthCSS nuosavybė nustato linijos, kuri yra nubrėžtos tarp stulpelių storis column-rule-styleper CSS kelių stulpelių maketą.

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

Kitas būdas eiti apie tai yra naudoti column-ruleSutrumpintas atributas, kuris jungia column-rule-width, column-rule-styleir column-rule-color.

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

Sintaksė

column-rule-width: thin | medium | thick |
  • Pradinė vertė: medium
  • Taikoma: kelių kolonų talpykloms
  • Paveldima: ne
  • Apskaičiuota vertė: absoliutus ilgis; 0jei column-rule-styleyra nonearbahidden
  • Animacijos tipas: pagal apskaičiuotą vertės tipą

Vertybės

column-rule-width užima vieną pavadintą, ilgio ar visuotinę vertę.

/* 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;

Demonstracija

Naršyklės palaikymas

T.Y Briauna „Firefox“ „Chrome“ „Safari“ Opera
10+ 12+ 3,5 ir daugiau 4+ 3.1+ 11,5+
„Android Chrome“ „Android Firefox“ „Android“ naršyklė „iOS Safari“ „Opera Mini“
85+ 79+ Ne 3.2+ Viskas
Šaltinis: caniuse

Specifikacija

CSS kelių stulpelių išdėstymo modulio 1 lygis (redaktoriaus juodraštis)