CSS sarakeluku ominaisuus

Määritelmä ja käyttö

column-count-ominaisuus määrittää, kuinka monta saraketta elementtiä tulisi jakaa.

Katso myös:

CSS3 -opas:CSS3 monikolonna

HTML DOM -viittausopas:columnCount-ominaisuus

Esimerkki

Jaa div-elementin teksti kolmeen sarakkeeseen:

div
{
column-count:3;
}

Kokeile itse

Lisää esimerkkejä sivun alaosassa.

CSS-syntax

column-count: number|auto;

Ominaisuusarvo

Arvo Kuvaus Testi
number Paras sarakkeiden määrä, johon elementin sisältö jaetaan. Testi
auto Määrittää sarakkeiden määrän muiden ominaisuuksien, kuten "column-width" päättämänä. Testi

Tekninen yksityiskohta

Oletusarvo: auto
Perinnäisyys: ei
Versio: CSS3
JavaScript-syntax object.style.columnCount=3

Lisää esimerkkejä

Column-gap
Jaa div-elementin teksti kolmeen sarakkeeseen ja määritä sarakkeiden välinen 30 pikselin etäisyys.
Column-rule
Määrittää sarakkeiden leveyden, tyylin ja värin.

Selaimen tuki

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

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