Örnek
sütunlar arasındaki kuralının stilini değiştirin:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Kendin dene " Tanımı ve Kullanımı
columnRuleStyle mülkiyet sütunlar arasındaki kuralın tarzını belirler.
Tarayıcı Desteği
columnRuleStyle özelliği Internet Explorer 10 ve Opera desteklenir.
Firefox bir alternatif, MozColumnRuleStyle özelliğini destekler.
Safari ve Chrome bir alternatif, WebkitColumnRuleStyle özelliğini desteklemez.
Sözdizimi
columnRuleStyle özelliğini Dönüş:
object .style.columnRuleStyle
columnRuleStyle özelliğini ayarlayın:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Mülkiyet Değerler
değer | Açıklama |
---|---|
none | Varsayılan değer. Hiçbir kural tanımlar |
hidden | Gizli bir kural tanımlar |
dotted | noktalı cetvel tanımlar |
dashed | Bir kesik kuralı tanımlar |
solid | sağlam kuralı tanımlar |
double | Bir çift kuralı tanımlar |
groove | 3D yivli kuralını belirtir. etki genişliği ve renk değerlerine bağlıdır |
ridge | 3D çıkıntılı kuralını belirtir. etki genişliği ve renk değerlerine bağlıdır |
inset | 3D gömme kuralını belirtir. etki genişliği ve renk değerlerine bağlıdır |
outset | 3D outset kuralını belirtir. etki genişliği ve renk değerlerine bağlıdır |
initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
Varsayılan değer: | Yok |
---|---|
Geri dönüş değeri: | Bir elemanın sütun kural tarzı özelliğini temsil eden bir dize, |
CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS3 öğretici: CSS3 Çoklu Sütunlar
CSS referansı: column-rule-style property
<Stil Nesne