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. |