Exemple
Ajouter un "solid" frontière à un <div> élément:
document.getElementById("myDiv").style.borderStyle = "solid"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de borderStyle ou retourne le style de la bordure d'un élément.
Cette propriété peut prendre d'une à quatre valeurs:
- Une valeur, comme: p {border-style: solide} - les quatre frontières seront solides
- Deux valeurs, telles que: p {border-style: pointillé solide} - haut et bordure inférieure seront solides, à gauche et la bordure droite seront parsemés
- Trois valeurs, telles que: p {border-style: double pointillé solide} - bordure supérieure sera solide, à gauche et la bordure droite sera pointillé, bordure inférieure sera le double
- Quatre valeurs, telles que: p {border style: solide en pointillés à double} pointillés - bordure supérieure sera solide, la bordure droite sera pointillé, bordure inférieure sera double, la bordure gauche sera élança
Support du navigateur
La propriété borderStyle est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderStyle:
object .style.borderStyle
Définissez la propriété borderStyle:
object .style.borderStyle= Valeurs de propriété Valeur La description none Définit pas de frontière. Ce défaut est hidden La même chose que "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 d'un élément version CSS CSS1
autres exemples
Exemple
Changer le style des quatre frontières d'un <div> élément:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Essayez vous - même »
Exemple
Retour le style de bordure d'un <div> élément:
alert(document.getElementById("myDiv").style.borderStyle); 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.borderStyle = listValue; Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-style property
Référence HTML DOM: border property
<Style objet