Kolonnas noteikuma platums - CSS-triki

Satura rādītājs

column-rule-widthCSS īpašums nosaka biezumu līnijai, kas novilkta starp kolonnām, ko column-rule-stylear CSS vairāku kolonnu izkārtojumu.

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

Vēl viens veids, kā to izdarīt, ir izmantot column-rulestenogrāfijas īpašumu, kas apvieno column-rule-width, column-rule-styleun column-rule-color.

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

Sintakse

column-rule-width: thin | medium | thick |
  • Sākotnējā vērtība: medium
  • Attiecas uz: vairāku kolonnu konteineriem
  • Mantots: nē
  • Aprēķinātā vērtība: absolūtais garums; 0ja column-rule-styleir nonevaihidden
  • Animācijas tips: pēc aprēķinātās vērtības veida

Vērtības

column-rule-width ņem vienu nosaukumu, garumu vai globālo vērtību.

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

Demonstrācija

Pārlūkprogrammas atbalsts

IE Mala Firefox Chrome Safari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Android pārlūks iOS Safari Opera Mini
85+ 79+ Nē 3.2+ Viss
Avots: caniuse

Specifikācija

CSS vairāku kolonnu izkārtojuma moduļa 1. līmenis (redaktora melnraksts)

Interesanti raksti...