Atrybut Style borderLeft

Definicja i zastosowanie

borderLeft Atrybuty są ustawiane lub zwracane w formie skróconej, obejmującej maksymalnie trzy osobne atrybuty paska ramki lewego.

Przy użyciu tej właściwości możesz ustawić/zwrócić jedno lub kilka z następujących elementów (w dowolnej kolejności):

Inne źródła:

Podręcznik CSS:CSS krawędź

Podręcznik CSS:Atrybut border-left

Podręcznik HTML DOM:Atrybut border

Przykład

Przykład 1

Dodanie lewego paska ramki do elementu <div>:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Spróbuj sam

Przykład 2

Zmiana szerokości, stylu i koloru lewego paska ramki elementu <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Spróbuj sam

Przykład 3

Zwrócona wartość atrybutu border-left elementu <div>:

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

Spróbuj sam

Gramatyka

Zwrócenie atrybutu borderLeft:

object.style.borderLeft

Ustawienie atrybutu borderLeft:

object.style.borderLeft = "width style color|initial|inherit"

Wartość atrybutu

Wartość Opis
width Ustaw szerokość lewego paska ramki.
style Ustaw styl lewego paska ramki.
color Ustaw kolor lewego paska ramki.
initial. Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: Nie określono
Zwrócona wartość: Ciąg znaków, który określa szerokość, styl i / lub kolor lewego paska ramki elementu.
Wersja CSS: CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługa Obsługa Obsługa Obsługa Obsługa