CSS sütun kuralı stili Özellik
Örnek
Sütunlar arasındaki kuralın stilini belirtin:
div
{
column-rule-style: dotted;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik column-rule-style
, sütunlar arasındaki kuralın stilini belirtir.
Varsayılan değer: | Yok |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.columnRuleStyle="noktalı" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit- veya -moz- tarafından takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
column-rule-style | 50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
CSS Sözdizimi
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
none | Default value. Defines no rule | |
hidden | Defines a hidden rule | |
dotted | Defines a dotted rule | |
dashed | Defines a dashed rule | |
solid | Defines a solid rule | |
double | Defines a double rule | |
groove | Specifies a 3D grooved rule. The effect depends on the width and color values | |
ridge | Specifies a 3D ridged rule. The effect depends on the width and color values | |
inset | Specifies a 3D inset rule. The effect depends on the width and color values | |
outset | Specifies a 3D outset rule. The effect depends on the width and color values | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Bir <div> öğesindeki metni üç sütuna bölün:
div
{
column-count: 3;
}
Örnek
Sütunlar arasında 40 piksel boşluk belirleyin:
div
{
column-gap: 40px;
}
Örnek
Sütunlar arasındaki kuralın genişliğini, stilini ve rengini belirtin:
div
{
column-rule: 4px double #ff00ff;
}
İlgili Sayfalar
CSS eğitimi: CSS Çoklu Sütunları
HTML DOM referansı: columnRuleStyle özelliği