Širina stupca-pravila - CSS-trikovi

Sadržaj:

Anonim

column-rule-widthCSS svojstvo postavlja debljinu crte koja je povučena između stupaca column-rule-styleu izgledu više stupaca CSS.

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

Drugi način da ide o tome je koristiti column-ruleKratica svojstva koja kombinira column-rule-width, column-rule-stylea column-rule-color.

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

Sintaksa

column-rule-width: thin | medium | thick |
  • Početna vrijednost: medium
  • Odnosi se na: spremnike s više stupaca
  • Naslijeđeno: ne
  • Izračunata vrijednost: apsolutna duljina; 0ako column-rule-styleje noneilihidden
  • Vrsta animacije: prema izračunatoj vrsti vrijednosti

Vrijednosti

column-rule-width uzima jednu imenovanu, duljinu ili globalnu vrijednost.

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

Podrška preglednika

IE Rub Firefox Krom Safari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11,5+
Android Chrome Android Firefox Android preglednik iOS Safari Opera Mini
85+ 79+ Ne 3,2+ svi
Izvor: caniuse

Specifikacija

CSS modul izgleda više stupaca razina 1 (urednikov nacrt)