Propriété Style borderLeftStyle

Définition et utilisation

borderLeftStyle Définit ou retourne le style de la bordure gauche de l'élément.

Veuillez également consulter :

Tutoriel CSS :Bordure CSS

Manuel CSS :propriété border-left-style

Manuel HTML DOM :propriété border

实例

Exemple 1

Ajoutez un bord gauche solide à l'élément <div> :

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

Essayez-le vous-même

Exemple 2

Changez le style de bord gauche de l'élément <div> en "dotted" :

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

Essayez-le vous-même

Exemple 3

Retourne le style de bord gauche de l'élément <div> :

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

Essayez-le vous-même

Exemple 4

Démonstration de tous les différents valeurs :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété borderLeftStyle :

object.style.borderLeftStyle

Définir la propriété borderLeftStyle :

object.style.borderLeftStyle = value
Valeur Description
none Définit un bord sans bord. Par défaut.
hidden Identique à "none", mais à l'exception des conflits de bord des éléments de tableau.
dotted Définit un bord en pointillé.
dashed Définit un bord en tiret.
solid Définit un bord solide.
double Définit deux bords. La largeur des deux bords est la même que la valeur de border-width.
groove Définit un bord 3D en rainure. L'effet dépend de border-color les valeurs.
ridge Définit un bord 3D ridé. L'effet dépend de border-color les valeurs.
inset Définit un bord 3D inset. L'effet dépend de border-color les valeurs.
outset Définit un bord 3D outset. L'effet dépend de border-color les valeurs.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : Chaîne, représentant le style de bord gauche de l'élément.
Version de CSS : CSS1

Support du navigateur

Chrome Edge Firefox Safari Opéra
Chrome Edge Firefox Safari Opéra
Support Support Support Support Support