Derniers tutoriels de développement web
 

Style borderRightStyle Property

<Style objet

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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