CSS border-width Özelliği

CSS border-width

Css border-width özelliği bir html elemanının bütün kenarlarının genişliğinin bildirimini sağlayan özelliktir.

Örnek:

Bu örnekte 6 tane div elemanına farklı değerlerde border-width değeri verilmiştir. Border-width özelliğinin etkisini öğrenmek için aşağıdaki kendiniz deneyin tuşuna tıklayınız.

div.birinci { border-style: solid; border-width: 5px; } div.ikinci { border-style: solid; border-width: medium; } div.ucuncu { border-style: solid; border-width: thick; } div.dorduncu { border-style: solid; border-width: thin; } div.besinci { border-style: solid; border-width: thin medium; } div.altinci { border-style: solid; border-width: 25px; }

CSS border-width nedir nasıl kullanılır

CSS border-width CSS border-width özellikleri  
Varsayılan Değer: medium  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript border-width: object.style.borderWidth = "5px 13px";

CSS border-width Tarayıcı Desteği

CSS Kodu:
border-width 1.0 4.0 1.0 1.0 3.5

CSS border-width Değerleri

border-width:medium|thin|thick|length|initial|inherit;

CSS border-width özelliği değerleri

CSS border-width değerleri CSS border-width değerleri tanımları CSS örnek uygulamalar
medium Orta kalınlıktaki kenar genişliğini temsil eder.
thin İnce çizgi için kullanılır.
thick Kalın çizgidir.
length Uzunluk değeri yazılır.
initial Özelliğin varsayılan başlangıç değeridir.
inherit Özelliğin soybağından gelen değerini alır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek