En son web geliştirme öğreticiler
 

Style borderWidth Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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