borderWidth özelliği, elementin dört kenarının kenarlık genişliklerini belirleyen borderBottomWidth, borderLeftWidth, borderRightWidth ve borderTopWidth özelliklerinin hepsinin birden belirlenmesini sağlar.
Bu özelliğin kullanıldığı sayfada !DOCTYPE tanımlanmamışsa kenarlık genişlikleri iç yüksekliğe dahil edilir. Bu durumda, elementin sayfa üzerinde kapladığı alan değişmeyecektir.
Orijinal | Internet Explorer 6/7/8b !DOCTYPE Tanımlanmadan | Internet Explorer 6/7/8b XHTML 1.0 Strict |
width: 100px;
height: 100px;
|
border:solid 10px red;
|
 |
 |
 |
DOM Sözdizimi
element.style.borderWidth = "genislik"
element.style.borderWidth = "üst sağ alt sol"
CSS Sözdizimi
border-width: genislik
border-width: üst sağ alt sol
genislik | Alabileceği değerler
- thin : İnce kenarlık
- medium : Orta genişlikte kenarlık. (Varsayılan değer)
- thick : Kalın kenarlık
- em, ex, px, in, cm, mm, pt veya pc tiplerinden biri ile tam veya kayar noktalı bir sayı. Örn. "2mm", "5px" vb.
|
"border-width" sabit değerleri
border-width: | Canlı Sonuç | Açıklama |
thin |
|
İnce kenarlık. |
medium |
|
Orta genişlikte kenarlık. |
thick |
|
Kalın kenarlık. |
"border-width" genişlik ölçü birimleri
border-width: | Canlı Sonuç | Açıklama |
1 em |
|
Elementin font yüksekliği (font-size). |
1 ex |
|
Küçük 'x' harfinin yüksekliği. |
1 px |
|
Piksel. Ekrandaki bir noktanın yüksekliği. |
0.2 in |
|
inç. 1 inç = 2.54 cm. |
0.5 cm |
|
1 santimetre. |
1 mm |
|
1 milimetre. |
1 pt |
|
Punto (Point). 1 pt = 1/72 inç. |
1 pc |
|
Pika. 1 pc = 12 pt. |