CSS sarake-sääntö-leveys ominaisuus

Definition and usage

column-rule-width-ominaisuus määrittelee välistöjen välistä leveyttä koskevan säännön.

Lisäksi:

CSS3 Tutorial:CSS3 monikolmio

HTML DOM Reference Manual:columnRuleWidth-ominaisuus

Esimerkki

Määrittele väriä koskevat säännöt välistöjen välillä:

div {
  column-rule-width: 10px;
}

Kokeile itse

Lisää esimerkkejä sivun alaosassa.

CSS syntax

column-rule-width: thin|medium|thick|length;

Attribute value

Value Description Test
thin Definiere ohut säännön. Test
medium Definiere keskitetty säännön. Test
thick Definiere leveysmääräyksen. Test
length Määrittelee säännön leveyden. Test

Technical details

Default value: medium
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnRuleWidth="thin"

Lisää esimerkkejä

Column-count
Jaa div-elementin teksti kolmeen osaan.
Column-gap
Jaa div-elementin teksti kolmeen osaan ja aseta välit 30 pikseliä.
Column-rule
Määrittelee列之间的宽度、样式和颜色。

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit- tai -moz-, osoittavat ensimmäistä versiota, jota etuliitteellä käytetään.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1