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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS justify-content Özelliği

CSS text-justify Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS overflow Özelliği

CSS border-collapse Özelliği