Veeru reegel-laius - CSS-trikid

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

Anonim

column-rule-widthCSS vara seab joone paksuse, mis on vahet veerge column-rule-styleon CSS mitmeveerulise paigutuse.

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

Teine võimalus minna on kasutada column-rulestenografisti vara, mis ühendab column-rule-width, column-rule-styleja column-rule-color.

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

Süntaks

column-rule-width: thin | medium | thick |
  • Algne väärtus: medium
  • Kehtib: mitme kolonniga konteinerite kohta
  • Päritud: ei
  • Arvutatud väärtus: absoluutne pikkus; 0kui column-rule-styleon nonevõihidden
  • Animatsiooni tüüp: arvutatud väärtuse tüübi järgi

Väärtused

column-rule-width võtab ühe nime, pikkuse või globaalse väärtuse.

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

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)