Sarake-säännön leveys - CSS-temppuja

Sisällysluettelo:

Anonim

column-rule-widthCSS omaisuus asettaa paksuus linjan, joka on erotettava sarakkeet column-rule-styleon CSS usean sarakkeen asettelun.

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

Toinen tapa edetä on käyttää column-rulelyhytominaisuutta, joka yhdistää column-rule-width, column-rule-styleja column-rule-color.

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

Syntaksi

column-rule-width: thin | medium | thick |
  • Alkuarvo: medium
  • Koskee: monisarakkeisia säiliöitä
  • Peritty: ei
  • Laskettu arvo: absoluuttinen pituus; 0jos column-rule-styleon nonetaihidden
  • Animaatiotyyppi: lasketun arvotyypin mukaan

Arvot

column-rule-width vie yhden nimen, pituuden tai globaalin arvon.

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

Selaimen tuki

IE Reuna Firefox Kromi Safari Ooppera
10+ 12+ 3,5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Android-selain iOS Safari ooppera Mini
85+ 79+ Ei 3.2+ Kaikki
Lähde: caniuse

Erittely

CSS-monisarakkeinen asettelumoduuli, taso 1 (toimittajan luonnos)