Style borderLeft Property
Przykład
Dodaj lewą ramkę do elementu <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definicja i użycie
Właściwość borderLeft ustawia lub zwraca do trzech oddzielnych własności border-left w formie skróconej.
Za pomocą tej właściwości możesz ustawić/zwrócić jedno lub więcej z poniższych (w dowolnej kolejności):
- granica-lewa-szerokość
- styl obramowania po lewej stronie
- kolor-lewy-obramowania
Obsługa przeglądarki
Właściwość borderLeft jest obsługiwana we wszystkich głównych przeglądarkach.
Składnia
Zwróć właściwość borderLeft:
object.style.borderLeft
Ustaw właściwość borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Wartości nieruchomości
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | nieokreślony |
---|---|
Wartość zwrotu: | String, reprezentujący szerokość, styl i/lub kolor lewego obramowania elementu |
Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień szerokość, styl i kolor lewego obramowania elementu <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Przykład
Zwróć wartości właściwości border-left elementu <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Powiązane strony
Samouczek CSS: obramowanie CSS
Odniesienie CSS: własność border-left
Odniesienie HTML DOM: border property