Exemple
Ajouter une bordure gauche à un <div> élément:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés borderLeft ou retourne jusqu'à trois propriétés laissé à la frontière, séparés, sous une forme abrégée.
Avec cette propriété, vous pouvez définir / retourner un ou plusieurs des éléments suivants (in any order) :
- border-left-width
- border-style gauche
- border-left-couleur
Support du navigateur
La propriété borderLeft est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderLeft:
object .style.borderLeft
Définissez la propriété borderLeft:
object .style.borderLeft=" Valeurs de propriété Paramètre La description width Définit la largeur de la bordure gauche style Définit le style de la bordure gauche color Définit la couleur de la bordure gauche initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: non précisé Valeur de retour: Une chaîne, représentant la largeur, le style et / ou la couleur de la bordure gauche d'un élément version CSS CSS1
autres exemples
Exemple
Changer la largeur, le style et la couleur de la bordure gauche d'un <div> élément:
document.getElementById("myDiv").style.borderLeft = "thin dotted red"; Essayez vous - même »
Exemple
Retour les valeurs de propriété border-left d'un <div> élément:
alert(document.getElementById("myDiv").style.borderLeft); Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-left property
Référence HTML DOM: border property
<Style objet