Attribut border-right-width CSS

Définition et utilisation

L'attribut border-right-width définit la largeur de la bordure droite de l'élément.

Ce paramètre ne fonctionne que si le style de bordure n'est pas none. Si le style de bordure est none, la largeur de la bordure est réinitialisée à 0. Il n'est pas permis de spécifier des valeurs de longueur négatives.

Remarque :Déclarez toujours l'attribut border-style avant l'attribut border-right-width. Un élément ne peut changer la largeur de sa bordure qu'après avoir obtenu une bordure. Si le style de bordure est none, la largeur de la bordure est réinitialisée à 0. Les valeurs de longueur négatives ne sont pas autorisées.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence CSS :Attribut border-right

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

Exemple

Définir la largeur de la bordure droite :

p
  {
  border-style:solid;
  border-right-width:15px;
  }

Essayez-le vous-même

Syntaxe CSS

border-right-width: moyen|fine|épais|length|initial|inherit;

Valeur de l'attribut

Valeur Description
fine Définit une bordure droite fine.
moyenne Valeur par défaut. Définit une bordure droite moyenne.
épais Définit une bordure droite épaisse.
length Vous permet de personnaliser la largeur de la bordure droite.
inherit Définit que la largeur de la bordure doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : moyenne
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderRightWidth="épais"

Autres exemples

Définir la largeur de la bordure droite
cet exemple montre comment définir la largeur de la bordure droite.

Prise en charge des navigateurs

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge 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 la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 prend "inherit".