Attribut borderLeft Style

Définition et utilisation

borderLeft Les attributs peuvent être définis ou retournés sous forme abrégée pour au plus trois attributs de bordure gauche séparés.

Avec cet attribut, vous pouvez définir/retourner l'un ou plusieurs des éléments suivants (dans n'importe quel ordre) :

Veuillez également consulter :

Tutoriel CSS :Bordure CSS

Manuel de référence CSS :Attribut border-left

Manuel de référence HTML DOM :Attribut border

Exemple

Exemple 1

Ajouter une bordure gauche à l'élément <div> :

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

Essayez-le vous-même

Exemple 2

Modifier la largeur, le style et la couleur de la bordure gauche de l'élément <div> :

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

Essayez-le vous-même

Exemple 3

Retour de la valeur de l'attribut border-left de l'élément <div> :

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

Essayez-le vous-même

Syntaxe

Retourner l'attribut borderLeft :

object.style.borderLeft

Définir l'attribut borderLeft :

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

Valeur de l'attribut

Valeur Description
width Définir la largeur de la bordure gauche.
style Définir le style de la bordure gauche.
color Définir la couleur de la bordure gauche.
initial. Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : Non spécifié
Valeur de retour : Chaîne, représentant la largeur, le style et/ou la couleur de la bordure gauche de l'élément.
Version CSS : CSS1

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support