Atrybut Style borderLeftStyle

Definicja i użycie

borderLeftStyle Ustawia lub zwraca styl lewego paska boczного elementu.

Inne źródła:

Kurs CSS:Pasy CSS

Podręcznik CSS:Atrybut border-left-style

Podręcznik HTML DOM:Atrybut border

Przykład

Przykład 1

Dodanie pełnej lewej krawędzi do elementu <div>:

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

Spróbuj sam

Przykład 2

Zmiana stylu lewej krawędzi elementu <div> na "dotted":

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

Spróbuj sam

Przykład 3

Zwracany styl lewej krawędzi elementu <div>:

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

Spróbuj sam

Przykład 4

Prezentacja wszystkich różnych wartości:

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

Spróbuj sam

Gramatyka

Zwracanie właściwości borderLeftStyle:

object.style.borderLeftStyle

Ustawienie właściwości borderLeftStyle:

object.style.borderLeftStyle = value
Wartość Opis
none Definiuje brak krawędzi. Domyślnie.
hidden Takie same jak "none", ale w przypadku rozwiązywania konfliktów krawędzi tabeli.
dotted Definiuje krawędź kropkową.
dashed Definiuje krawędź przerywaną.
solid Definiuje pełną krawędź.
double Definiuje dwie krawędzie. Szerokość obu krawędzi jest taka sama jak wartość border-width.
groove Definiuje 3D wklęsłą krawędź. Efekt zależy od border-color wartości.
ridge Definiuje 3D grzbietową krawędź. Efekt zależy od border-color wartości.
inset Definiuje 3D wciętą krawędź. Efekt zależy od border-color wartości.
outset Definiuje 3D wysunięty obręb krawędzi. 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ść: none
Zwracana wartość: Ciąg znaków, który reprezentuje styl lewego marginesu elementu.
Wersja CSS: CSS1

Przeglądarka obsługuje

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie