Exemple
Ajouter un "solid" bordure gauche à un <div> élément:
document.getElementById("myDiv").style.borderLeftStyle = "solid"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de borderLeftStyle ou retourne le style de la bordure gauche d'un élément.
Support du navigateur
La propriété borderLeftStyle est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderLeftStyle:
object .style.borderLeftStyle
Définissez la propriété borderLeftStyle:
object .style.borderLeftStyle= Valeurs de propriété Valeur La description none Définit pas de frontière. Ce défaut est hidden Identique à "none" , sauf dans la résolution des conflits à la frontière pour les éléments de table dotted Définit une bordure en pointillé dashed Définit une bordure en pointillés solid Définit une bordure solide double Définit deux frontières. La largeur des deux bordures sont les mêmes que la valeur de largeur frontière groove Définit une bordure rainurée 3D. L'effet dépend de la valeur couleur de la bordure ridge Définit une bordure striée 3D. L'effet dépend de la valeur couleur de la bordure inset Définit une bordure incrustée 3D. L'effet dépend de la valeur couleur de la bordure outset Définit une frontière d'entrée de jeu 3D. L'effet dépend de la valeur couleur de la bordure 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: aucun Valeur de retour: Une chaîne, ce qui représente le style de la bordure gauche d'un élément version CSS CSS1
autres exemples
Exemple
Changer le style de la bordure gauche d'un <div> élément "dotted" en "dotted" :
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Essayez vous - même »
Exemple
Retour le style de bordure gauche d'un <div> élément:
alert(document.getElementById("myDiv").style.borderLeftStyle); Essayez vous - même »
Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue; Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-left-style property
Référence HTML DOM: border property
<Style objet