Stil borderWidth Özellik
Örnek
Bir <div> öğesinin dört kenarlığının genişliğini değiştirin:
document.getElementById("myDiv").style.borderWidth = "thick";
Tanım ve Kullanım
borderWidth özelliği, bir öğenin kenarlığının genişliğini ayarlar veya döndürür.
Bu özellik bir ile dört arasında değer alabilir:
- Bir değer, örneğin: p {border-width: kalın} - dört sınırın tümü kalın olacaktır
- İki değer, örneğin: p {border-width: kalın ince} - üst ve alt kenarlık kalın olacak, sol ve sağ kenarlık ince olacak
- Üç değer, örneğin: p {border-width: kalın ince orta}- üst kenarlık kalın olacak, sol ve sağ kenarlık ince olacak, alt kenarlık orta olacak
- Dört değer, örneğin: p {border-width: kalın ince orta 10px} - üst kenarlık kalın, sağ kenarlık ince, alt kenarlık orta, sol kenarlık 10px olacak
Tarayıcı Desteği
| Property | |||||
|---|---|---|---|---|---|
| borderWidth | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
borderWidth özelliğini döndürün:
object.style.borderWidth
borderWidth özelliğini ayarlayın:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Mülk değerleri
| Value | Description |
|---|---|
| thin | Defines a thin border |
| medium | Defines a medium border. This is default |
| thick | Defines a thick border |
| length | The width of the border in length units |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
| Varsayılan değer: | orta |
|---|---|
| Geri dönüş değeri: | Bir elemanın kenarlığının genişliğini temsil eden bir String |
| CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin üst ve alt kenarlığının genişliğini kalın olarak ve sol ve sağ kenarlığını ince olarak değiştirin:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Örnek
Uzunluk değerini kullanarak bir <div> öğesinin dört kenarlığının genişliğini değiştirin :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Örnek
Bir <div> öğesinin kenarlığının genişliğini döndürür:
alert(document.getElementById("myDiv").style.borderWidth);
İlgili Sayfalar
CSS eğitimi: CSS Sınırı
CSS referansı: border-width özelliği
HTML DOM referansı: border özelliği
❮ Stil Nesnesi