Vlastnost Styl borderLeft
Příklad
Přidejte levé ohraničení k prvku <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definice a použití
Vlastnost borderLeft nastavuje nebo vrací až tři samostatné vlastnosti border-left ve zkrácené podobě.
Pomocí této vlastnosti můžete nastavit/vrátit jedno nebo více z následujících (v libovolném pořadí):
- border-left-width
- okraj-levý styl
- border-left-color
Podpora prohlížeče
Vlastnost borderLeft je podporována ve všech hlavních prohlížečích.
Syntax
Vraťte vlastnost borderLeft:
object.style.borderLeft
Nastavte vlastnost borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | nespecifikováno |
---|---|
Návratová hodnota: | Řetězec představující šířku, styl a/nebo barvu levého okraje prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte šířku, styl a barvu levého okraje prvku <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Příklad
Vraťte hodnoty vlastnosti border-left prvku <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Související stránky
CSS tutoriál: CSS Border
CSS reference: vlastnost border-left
Odkaz HTML DOM: vlastnost border