CSS sütunlar özelliği

Tanım ve kullanım

columns özelliği, sütun genişliğini ve sütun sayısını ayarlamak için kullanılan kısa bir özelliktir.

Ayrıca bkz:

CSS3 eğitimi:CSS3 Çok Sütun

HTML DOM referans el kitabı:columns özelliği

Örnek

Sütun genişliğini ve sütun sayısını belirtir:

div
{
columns:100px 3;
}

Kendiniz deneyin

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

CSS dilbilgisi

columns: column-width column-count;

Özellik değeri

Değer Açıklama
column-width Sütun genişliği
column-count Sütun sayısı

Teknik ayrıntılar

Öntanımlı değer: auto auto
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.columns="100px 3"

Daha fazla örnek

Column-count
div öğesindeki metni üç sütuna ayırır.
Column-gap
div öğesindeki metni üç sütuna ayırır ve sütunlar arasında 30 piksel boşluk bırakır.
Column-rule
Sütunlar arasındaki genişlik, tarzı ve rengi belirtir.

Tarayıcı desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

İlk sürümü kullanmak için -webkit- veya -moz- ile başlayan sayıları gösterir.

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