Exemple
Ajouter un "solid" frontière droit à un <div> élément:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de borderRightStyle ou retourne le style de la bordure droite d'un élément.
Support du navigateur
La propriété borderRightStyle est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderRightStyle:
object .style.borderRightStyle
Définissez la propriété borderRightStyle:
object .style.borderRightStyle= 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 droite d'un élément version CSS CSS1
autres exemples
Exemple
Changer le style de la bordure droite d'un <div> élément "dotted" en "dotted" :
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Essayez vous - même »
Exemple
Retour le style de bordure droite d'un <div> élément:
alert(document.getElementById("myDiv").style.borderRightStyle); 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.borderRightStyle = listValue; Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-right-style property
Référence HTML DOM: border property
<Style objet