Style borderRightStyle özelliği
- Önceki sayfa borderRightColor
- Sonraki sayfa borderRightWidth
- Bir üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
borderRightStyle
Öznitelik ayarlamak veya elementin sağ çerçevesinin tarzını döndürmek.
Ayrıca bakınız:
CSS Eğitimleri:CSS Kenarlık
CSS Referans Kılavuzu:border-right-style özelliği
HTML DOM Referans Kılavuzu:border özelliği
Örnek
Örnek 1
Div <div> elementine 'dolgu' sağ çerçeve ekleyin:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Örnek 2
<div> elemanının sağ çerçeve tarzını "dotted" olarak değiştirin:
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Örnek 3
D div elemanının sağ çerçeve tarzını döndürür:
alert(document.getElementById("myDiv").style.borderRightStyle);
Örnek 4
Tüm farklı değerlerin gösterimi için:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderRightStyle = listValue;
Sözdizimi
borderRightStyle özelliğini döndürün:
object.style.borderRightStyle
borderRightStyle özelliğini ayarlayın:
object.style.borderRightStyle = value
Değer | Açıklama |
---|---|
none | Sıfır ç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 dışında tutulur. |
dotted | Nokta çerçeveyi tanımlar. |
dashed | Düğüm çerçeveyi tanımlar. |
solid | Dolu çerçeveyi tanımlar. |
double | İki çerçevenin genişliği border-width değerleriyle aynıdır. Tanımlar. |
groove | 3D çukur çerçeveyi tanımlar. Etki, border-color değerleri. |
ridge | 3D dikey çerçeveyi 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: | Yok |
---|---|
Dönüş değeri: | Dizge, elementin sağ çerçeve tarzını ifade eder. |
CSS sürümü: | CSS1 |
Tarayıcı desteği
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Destek | Destek | Destek | Destek | Destek |
- Önceki sayfa borderRightColor
- Sonraki sayfa borderRightWidth
- Bir üst seviyeye dön HTML DOM Style Nesnesi