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.