Örnek
Bir dört sınırların genişliğini değiştirme <div> elemanı:
document.getElementById("myDiv").style.borderWidth = "thick";
Kendin dene " Tanımı ve Kullanımı
borderWidth özelliği, ayarlar veya bir elementin sınırın genişliğini döndürür.
Bu tesis birinden dört değerlerine alabilir:
- Bir değer gibi: p {sınır genişlikli: Kalın} - dört sınırları kalınlığında olacaktır
- p: gibi iki değer, {sınır genişliği: Kalın ince} - Üst ve alt sınır sol ve sağ sınır ince olacaktır, kalın olacak
- p: gibi üç değer, {sınır genişliği: Kalın ince ortamı} - üst sınır sol ve sağ sınır ince olacaktır, kalın olacak, alt sınır orta olacak
- p: gibi dört değerleri {sınır genişliği: Kalın ince orta 10px} - üst sınır kalınlığında olacaktır, sağ sınır ince olacaktır, alt sınır ortamı olacaktır, sol sınır 10px olacak
Tarayıcı Desteği
borderWidth özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
borderWidth özelliğini Dönüş:
object .style.borderWidth
borderWidth özelliğini ayarlayın:
object .style.borderWidth="thin|medium|thick| Mülkiyet Değerler değer Açıklama thin ince bir sınır tanımlar medium orta sınırını tanımlar. Bu varsayılan thick kalın bir kenarlık tanımlar length uzunluk birimi olarak sınır genişliği initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: orta Geri dönüş değeri: Bir elemanın sınır genişliğini temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Kalın için üst ve alt sınırın genişliği ve ince için sol ve sağ sınır değiştirme <div> elemanı:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Kendin dene "
Örnek
Bir dört sınırları genişliğini değiştirmek <div> uzunluk değeri kullanılarak, elemanın:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Kendin dene "
Örnek
Bir sınırında genişliğini döndürür <div> elemanı:
alert(document.getElementById("myDiv").style.borderWidth);
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Border
CSS referans: border-width property
HTML DOM referansı: border property
<Stil Nesne