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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML em Etiketi

HTML hr Etiketi

CSS justify-content Özelliği

HTML table Etiketi

CSS align-items özelliği

HTML pre Etiketi

CSS flex-basis Özelliği

HTML menu Etiketi

CSS content Özelliği