Attribut border-right CSS

Définition et utilisation

L'attribut abrégé border-right met toutes les propriétés de la bordure droite dans une seule déclaration.

Les propriétés peuvent être définies dans l'ordre suivant :

Si aucune valeur n'est définie, cela ne pose pas de problème, par exemple border-right:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence HTML DOM :Attribut borderRight

Exemple

Définir le style de la bordure droite :

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

Essayez-le vous-même

Syntaxe CSS

border-right: border-width border-style border-color|initial|inherit;

Valeur de l'attribut

Valeur Description
border-right-width Définit la largeur de la bordure droite. Voir :border-right-width les valeurs possibles.
border-right-style Définit le style de la bordure droite. Voir :border-right-style les valeurs possibles.
border-right-color Définit la couleur de la bordure droite. Voir :border-right-color les valeurs possibles.
inherit Définit que la propriété border-right doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderRight="3px solid blue"

Plus d'exemples

Toutes les propriétés de bord droit dans une seule déclaration
cet exemple montre une propriété abrégée, utilisée pour configurer toutes les propriétés de bord droit en une seule déclaration.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge intégralement cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Remarque :Les navigateurs IE7 et antérieurs ne prennent pas en charge la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 prend en charge "inherit".