CSS sütun-kural özelliği

Tanım ve kullanım

column-rule özelliği, tüm column-rule-* özelliklerini ayarlamak için kullanılan kısayol özelliğidir.

column-rule özelliği, sütunlar arasındaki kuralların genişlik, stil ve renğini ayarlar.

Ayrıca bkz:

CSS3 eğitimi:CSS3 Çok Sütun

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

Örnek

Sütunlar arasındaki genişlik, stil ve renk kuralını belirler:

div
{
column-rule:3px outset #ff00ff;
}

Kişisel olarak deneyin

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

CSS dilbilgisi

column-rule: column-rule-width column-rule-style column-rule-color;

Özellik değeri

Değer Açıklama
column-rule-width Sütunlar arasındaki genişlik kuralını ayarlar.
column-rule-style Sütunlar arasındaki stil kuralını ayarlar.
column-rule-color Sütunlar arasındaki renk kuralını ayarlar.

Teknik ayrıntılar

Varsayılan değer: orta none siyah
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.columnRule="3px outset #ff00ff"

Daha fazla örnek

Column-count
div öğesindeki metni üç sütuna böler.
Column-gap
div öğesindeki metni üç sütuna ayırır ve sütunlar arasındaki arka plan 30 piksel genişliğindedir.

Tarayıcı desteği

Tablo içindeki sayılar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

webkit- veya moz- ile başlayan sayılar, önek 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