CSS sütun-sayısı özelliği

Tanım ve kullanım

column-count özelliği, elementin bölünmesi gereken sütun sayısını belirler.

Ayrıca bkz:

CSS3 Eğitim Seti:CSS3 Çok Sütun

HTML DOM Referans Kılavuzu:columnCount özelliği

Örnek

div ögesindeki metni üç sütuna ayırır:

div
{
column-count:3;
}

Kendi kendine deneyin

Sayfa altında daha fazla örnek bulunmaktadır.

CSS dilbilgisi

column-count: number|auto;

Özellik değeri

Değer Açıklama Test
number İçeriklerin en iyi şekilde bölüneceği sütun sayısı. Test
oto Diğer özellikler tarafından belirlenen sütun sayısı, örneğin "column-width". Test

Teknik ayrıntılar

Varsayılan değer: oto
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.columnCount=3

Daha fazla örnek

Column-gap
div ögesindeki metni üç sütuna ayırır ve sütunlar arasındaki 30 piksel genişlik aralığını belirler.
Column-rule
Sütunlar arasındaki genişlik, tarzı ve rengi belirler.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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