Derniers tutoriels de développement web
 

Style borderLeft Property

<Style objet

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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