CSS sütun-genişliği özelliği

Tanım ve kullanım

column-width özelliği, sütun genişliğini belirtir.

Ayrıca bkz.:

CSS3 Eğitimleri:CSS3 Çok Sütun

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

Örnek

Sütun genişliğini belirtir:

div
{
column-width:100px;
}

Kendi kendinize deneyin

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

CSS dilbilgisi

column-width: auto|length;

Özellik değeri

Değer Açıklama Test
oto Sütun genişliğini tarayıcı belirler. Test
length Sütun genişliğini belirtir. Test

Teknik ayrıntılar

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

Daha fazla örnek

Column-count
div elementindeki metni üç sütuna bölür.
Column-gap
div elementindeki metni üç sütuna böler ve sütunlar arasındaki boşluk 30 piksel'dir.
Column-rule
Sütunlar arasındaki genişlik, stil ve renkleri belirtir.

Tarayıcı desteği

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

数字, -webkit- veya -moz- ile başlayan, önekli ilk sürümü kullanır.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0