Stil borderLeft Özellik
Örnek
Bir <div> öğesine sol kenarlık ekleyin:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Tanım ve Kullanım
borderLeft özelliği, bir stenografi biçiminde en fazla üç ayrı border-left özelliğini ayarlar veya döndürür.
Bu özellik ile aşağıdakilerden birini veya birkaçını (herhangi bir sırayla) ayarlayabilir/döndürebilirsiniz:
- kenarlık-sol-genişlik
- kenarlık-sol-tarzı
- kenarlık-sol-renk
Tarayıcı Desteği
borderLeft özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
borderLeft özelliğini döndürün:
object.style.borderLeft
borderLeft özelliğini ayarlayın:
object.style.borderLeft = "width style color|initial|inherit"
Mülk değerleri
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
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: | belirtilmemiş |
---|---|
Geri dönüş değeri: | Bir öğenin sol kenarlığının genişliğini, stilini ve/veya rengini temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin sol kenarlığının genişliğini, stilini ve rengini değiştirin:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Örnek
Bir <div> öğesinin kenarlık-sol özellik değerlerini döndürün:
alert(document.getElementById("myDiv").style.borderLeft);
İlgili Sayfalar
CSS eğitimi: CSS Sınırı
CSS referansı: border-sol özelliği
HTML DOM referansı: border özelliği