Širina pravila-stolpca - CSS-triki

Kazalo:

Anonim

Lastnost column-rule-widthCSS nastavi debelino črte, ki je narisana med stolpci column-rule-stylev postavitvi CSS z več stolpci.

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

Druga pot pa je, da uporabite column-rulestenografski lastnost, ki združuje column-rule-width, column-rule-stylein column-rule-color.

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

Sintaksa

column-rule-width: thin | medium | thick |
  • Začetna vrednost: medium
  • Velja za: vsebnike z več stolpci
  • Podedovano: ne
  • Izračunana vrednost: absolutna dolžina; 0če column-rule-styleje noneozhidden
  • Vrsta animacije: po izračunani vrednosti

Vrednote

column-rule-width ima eno imenovano, dolžinsko ali globalno vrednost.

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

Podpora brskalnika

IE Rob Firefox Chrome Safari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11,5+
Android Chrome Android Firefox Brskalnik Android iOS Safari Opera Mini
85+ 79+ Ne 3,2+ Vse
Vir: kanius

Specifikacija

Modul postavitve CSS z več stolpci 1. stopnja (urednikov osnutek)