Atrybut Style borderRightStyle

Definicja i użycie

borderRightStyle Ustawienie lub zwracanie stylu prawej ramki elementu.

Zobacz również:

Kurs CSS:Pasek CSS

Podręcznik CSS:Atrybut border-right-style

Podręcznik HTML DOM:Atrybut border

Przykład

Przykład 1

Dodaj boki ramki dla elementu <div> w stylu 'solid':

document.getElementById("myDiv").style.borderRightStyle = "solid";

Spróbuj sam

Przykład 2

Zmień styl prawego obramowania elementu <div> na "dotted":

document.getElementById("myDiv").style.borderRightStyle = "dotted";

Spróbuj sam

Przykład 3

Zwróć styl prawego obramowania elementu <div>:

alert(document.getElementById("myDiv").style.borderRightStyle);

Spróbuj sam

Przykład 4

Pokaz wszystkich różnych wartości:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;

Spróbuj sam

Gramatyka

Zwróć wartość właściwości borderRightStyle:

object.style.borderRightStyle

Ustawienie właściwości borderRightStyle:

object.style.borderRightStyle = value
Wartość Opis
none Definiuje brak obramowania. Domyślne.
hidden Takie samo jak "none", ale z wyjątkiem rozwiązywania konfliktów krawędzi tabeli.
dotted Definiuje obramowanie punktowe.
dashed Definiuje obramowanie przerywane.
solid Definiuje pełne obramowanie.
double Definiuje dwie krawędzie. Szerokość obu krawędzi jest taka sama jak wartość border-width.
groove Definiuje 3D obramowanie wklęsłe. Efekt zależy od border-color wartości.
ridge Definiuje 3D krawędź wypukłą. Efekt zależy od border-color wartości.
inset Definiuje 3D obramowanie wciśnięte. Efekt zależy od border-color wartości.
outset Definiuje 3D obramowanie wysunięte. Efekt zależy od border-color wartości.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: Brak
Zwracana wartość: Ciąg znaków, który reprezentuje styl prawego obramowania elementu.
Wersja CSS: CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspieram Wspieram Wspieram Wspieram Wspieram