CSS sütun-kural-stili özelliği

Tanım ve kullanım

column-rule-style özelliği, sütunlar arasındaki tarz kuralını belirler.

Ayrıca bkz:

CSS3 eğitimi:CSS3 çok sütun

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

Örnek

Sütunlar arasındaki renk kuralını ayarlayın:

div {
  column-rule-style: dotted;
}

Deneyin

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

CSS dilbilgisi

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Özellik değeri

Değer Açıklama Test
yok Kuralı tanımlar. Test
hidden Gizli kuralı tanımlar. Test
dotted Noktalı çizgi kuralını tanımlar. Test
dashed Dashed çizgi kuralını tanımlar. Test
solid Düz çizgi kuralını tanımlar. Test
double Çift çizgi kuralını tanımlar. Test
groove 3D grooved kuralını tanımlar. Bu etki genişlik ve renk değerlerine bağlıdır. Test
ridge 3D ridged kuralını tanımlar. Bu etki genişlik ve renk değerlerine bağlıdır. Test
inset 3D inset kuralını tanımlar. Bu etki genişlik ve renk değerlerine bağlıdır. Test
outset 3D outset kuralını tanımlar. Bu etki genişlik ve renk değerlerine bağlıdır. Test

Teknik ayrıntılar

Öntanımlı değer: yok
Mirasçılık: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.columnRuleStyle="dotted"

Daha fazla örnek

Column-count
div elementindeki metni üç sütuna ayırır.
Column-gap
div elementindeki metni üç sütuna ayırır ve sütunlar arasındaki aralık 30 pikseldir.
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.

带有 -webkit- veya -moz- öneki olan sayılar, öneki kullanılan ilk sürümü gösterir.

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