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

Tanım ve kullanım

column-rule-width özelliği, sütunlar arasındaki genişlik kuralını belirtir.

Ayrıca bkz:

CSS3 eğitim:CSS3 Çok Sütun

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

Örnek

Sütunlar arasındaki rengi belirleyin:

div {
  column-rule-width: 10px;
}

Kişisel olarak deneyin

Sayfa altında daha fazla örnek var.

CSS dilbilgisi

column-rule-width: thin|orta|kalın|uzunluk;

Özellik değeri

Değer Açıklama Test
ince ince Test
orta Orta kalınlık kuralını tanımlar. Test
kalın Genişlik kuralını tanımlar. Test
uzunluk Kural genişliğini belirtir. Test

Teknik ayrıntılar

Varsayılan değer: orta
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.columnRuleWidth="thin"

Daha fazla örnek

Column-count
div elementindeki metni üç sütuna böler.
Column-gap
div elementindeki metni üç sütuna böler ve sütunlar arasında 30 piksel aralık 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ü ön ek kullanarak gösteren -webkit- veya -moz- ile başlayan sayıları belirtir.

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