CSS sarake leveys ominaisuus

Määrittely ja käyttö

column-span-ominaisuus määrittelee, kuinka monta saraketta elementin tulisi kattaa.

Katso myös:

CSS3 -opetusohjelma:CSS3 monikolonna

HTML DOM -viittausoppikirja:columnSpan-ominaisuus

Esimerkki

Määrittele h2-elementin ylittäminen kaikilla sarakkeilla:

h2
{
column-span:all;
}

Kokeile itse

Lisää esimerkkejä sivun alaosassa.

CSS-kieli

column-span: 1|all;

Ominaisuusarvo

Arvo Kuvaus Testi
1 Elementin tulisi kattaa vain yksi sarake. Testi
all Elementin tulisi kattaa kaikki sarakkeet. Testi

Tekninen yksityiskohta

Oletusarvo: 1
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.columnSpan="all"

Lisää esimerkkejä

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

Selaimen tuki

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

数字, jotka sisältävät -webkit- tai -moz-, osoittavat käyttämäsi etuliitteisen ensimmäisen version.

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