Elementin Sol kenarlık genişliğini ayarlamak için kullanılır.
#borderLeft{
border-style: solid;
border-left-width: 10px;
}
| Değer | Açıklama |
| medium | Kenarlık genişliğini orta olarak ayarlar. |
| thin | İnce bir sol kenarlık belirtir. |
| thick | Kalın bir sol kenarlık belirtir. |
| length | Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
border-image-width özelliği, border ‘ a verilen resmin genişliğini belirtmek için kullanılır.
#borderimage{
border-image:url(http://w3tr.com/file/border.png) 50 round;
border-image-width: 5px;
padding: 10px;
}
| Değer | Açıklama |
| number | 4 kenar içinde width verilecek kenarın hangi kenar olduğunu belirtir. |
| auto | Genişliği otomatik ayarlar. |
| % | Yüzdeli değerler ile genişlik verir. |
| İnital | |
| İnherit |
| 15.0 | 15.0 | 11.0 | 6.0 | 15.0 |
border-bottom-width özelliği, border ‘ ın genişlik boyutunu tanımlamamızı sağlar.
Not: border ‘ ın width özelliğini belirtmeden önce kesinlikle border-style özelliği verilmelidir.
#border-bottom-width{
border-style: solid;
border-bottom-width: 10px;
color: blue;
}
| Değer | Açıklama |
| medium | varsayılan değer. |
| thin | ince bir sınır sitilini vermemizi sağlar. |
| thick | ince bir sınır sitilini vermemizi sağlar. |
| length | Nokta biçiminde stil verir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |