Style borderLeftStyle özelliği
- Önceki sayfa borderLeftColor
- Sonraki sayfa borderLeftWidth
- Bir üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
borderLeftStyle
Açıklama: Elementin sol çerçeve tarzını ayarlar veya döndürür.
Ayrıca bakınız:
CSS Eğitimi:CSS Kenarlık
CSS Referans Kılavuzu:border-left-style özelliği
HTML DOM Referans Kılavuzu:border özelliği
örnek
Örnek 1
<div> elementine dolu sol çerçeve ekleyin:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Örnek 2
<div> elemanının sol çerçeve tarzını "dotted" olarak değiştirin:
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Örnek 3
<div> elemanının sol çerçeve tarzını döndürün:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Örnek 4
Tüm farklı değerlerin gösterimi:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderLeftStyle = listValue;
Gramer
borderLeftStyle özelliğini döndürün:
object.style.borderLeftStyle
borderLeftStyle özelliğini ayarlayın:
object.style.borderLeftStyle = value
Değer | Açıklama |
---|---|
none | Sınırsız çerçeveyi tanımlar. Öntanımlı. |
hidden | "none" ile aynıdır, ancak tablo elemanlarının çerçeve çatışmalarını çözmek için istisnadır. |
dotted | Dotted çerçeveyi tanımlar. |
dashed | Dashed çerçeveyi tanımlar. |
solid | Dolu çerçeveyi tanımlar. |
double | İki çerçeveyi tanımlar. İki çerçevenin genişliği border-width değerleriyle aynıdır. |
groove | 3D çukur çerçevesini tanımlar. Etki, border-color değerleri. |
ridge | 3D omurga çerçevesini tanımlar. Etki, border-color değerleri. |
inset | 3D inset çerçeveyi tanımlar. Etki, border-color değerleri. |
outset | 3D outset çerçeveyi tanımlar. Etki, border-color değerleri. |
initial | Bu özelliği öntanımlı değerine ayarlar. Bakınız initial. |
inherit | Bu özelliği ebeveyn elementinden devralır. Bakınız inherit. |
Teknik ayrıntılar
Öntanımlı değer: | none |
---|---|
Dönüş değeri: | Dizge, elementin sol çerçeve tarzını belirtir. |
CSS sürümü: | CSS1 |
Tarayıcı destekler
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Destek | Destek | Destek | Destek | Destek |
- Önceki sayfa borderLeftColor
- Sonraki sayfa borderLeftWidth
- Bir üst seviyeye dön HTML DOM Style Nesnesi