Najnowsze tutoriale tworzenie stron internetowych
 

Style borderLeftStyle Property

<Style obiektu

Przykład

Dodaj "solid" lewy brzeg do <div> element:

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

Definicja i Wykorzystanie

Zestawy własności borderLeftStyle lub zwraca stylu lewej krawędzi elementu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Składnia

Zwraca właściwość borderLeftStyle:

object .style.borderLeftStyle

Ustaw właściwość borderLeftStyle:

object .style.borderLeftStyle= 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 lewej krawędzi elementu za
Wersja CSS CSS1

Więcej przykładów

Przykład

Zmień styl lewej granicy z <div> elementu do "dotted" :

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

Przykład

Powrót lewy styl obramowania <div> element:

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

Przykład

Demonstracja wszystkich różnych wartości:

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

Podobne strony

Kurs CSS: CSS Border

Odniesienie CSS: border-left-style property

HTML DOM: border property


<Style obiektu