CSS sütun-kural-genişliği özelliği
- önceki sayfa column-rule-style
- Sonraki Sayfa column-span
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; }
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 |
- önceki sayfa column-rule-style
- Sonraki Sayfa column-span