CSS column-rule Özelliği

CSS column-rule

Css column-rule özelliğini sütunlar arasında ki çizginin sitil özellikleri belirtilebilir.

Örnek:

Bu örnekte sütunları ayıran çizgi 5px kalınlığında ve kırmızı olarak seçilmiştir.

p.sutun { column-rule: 5px outset red; -webkit-column-rule: 5px outset red; -moz-column-rule: 5px outset red; column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; }

CSS column-rule nedir nasıl kullanılır

css column-rule özelliği ile sütunların arasındaki sutun ayıracının kalınlığını ve rengini tanımlayabiliriz.

CSS column-rule CSS column-rule özellikleri  
Varsayılan Değer: medium none color  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript column-rule: object.style.columnRule="5px double gray"

CSS column-rule Tarayıcı Desteği

CSS Kodu:
column-rule 4.0 -webkit- 10.0 2.0 -moz- 3.1 -webkit- 15.0 -webkit
11.1

CSS column-rule Değerleri

column-rule:column-rule-width column-rule-style column-rule-color|initial|inherit;

CSS column-rule özelliği değerleri

CSS column-rule değerleri CSS column-rule değerleri tanımları
column-rule-width Ayırıcı çizginin genişlik değeri verilir.
column-rule-style Ayırıcı çizginin kenar çeşidi belirtilit.
column-rule-color Ayırıcı çizginin renk değeri velir.
initial Özelliğin varsayılan değeridir.
inherit Özelliğin soybağından gelen değeri kullanır.

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS text-decoration Özelliği

CSS border-collapse Özelliği