Najnowsze tutoriale tworzenie stron internetowych
 

Style borderRightStyle Property

<Style obiektu

Przykład

Dodaj "solid" prawą krawędź do <div> element:

document.getElementById("myDiv").style.borderRightStyle = "solid";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności borderRightStyle lub zwraca stylu prawej krawędzi elementu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość borderRightStyle jest dostępna we wszystkich głównych przeglądarkach.


Składnia

Zwraca właściwość borderRightStyle:

object .style.borderRightStyle

Ustaw właściwość borderRightStyle:

object .style.borderRightStyle= wartości nieruchomości
Wartość Opis
none Nie określa granicy. Jest to domyślny
hidden Tak samo jak "none" , z wyjątkiem rozwiązania konfliktu granicznego dla elementów tabeli
dotted Definiuje granicę przerywana
dashed Określa przerywaną granicę
solid Definiuje stałą granicę
double Definiuje dwie granice. Szerokość dwie granice są takie same jak wartości granicznej szerokości
groove Definiuje rowkowane granicę 3D. Efekt zależy od wartości granicznej kolorów
ridge Definiuje prążkowane granicę 3D. Efekt zależy od wartości granicznej kolorów
inset Definiuje granicę 3D wstawka. Efekt zależy od wartości granicznej kolorów
outset Definiuje początku granicę 3D. Efekt zależy od wartości granicznej kolorów
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: Żaden
Zwracana wartość: Ciąg reprezentujący styl prawej krawędzi elementu za
Wersja CSS CSS1

Więcej przykładów

Przykład

Zmień styl prawej krawędzi <div> elementu do "dotted" :

document.getElementById("myDiv").style.borderRightStyle = "dotted";
Spróbuj sam "

Przykład

Powrót prawej krawędzi stylu <div> element:

alert(document.getElementById("myDiv").style.borderRightStyle);
Spróbuj sam "

Przykład

Demonstracja wszystkich różnych wartości:

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

Podobne strony

Kurs CSS: CSS Border

Odniesienie CSS: border-right-style property

HTML DOM: border property


<Style obiektu