Attribut BORDER-RIGHT

Rôle

L’attribut border-right permet d’appliquer une bordure à droite de l’élément HTML.

Cet attribut est le raccourci de border-right-width qui spécifie l’épaisseur (en px, em..), border-right-color qui spécifie la couleur, border-right-style qui spécifie le style (solide, pointillé..).

Version : CSS1

Héritage (inherit) : non

Propriété Javascript : element.style.borderRight

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  width: 300px;
  padding-right: 10px;
  border-right: 10px solid silver;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit maxime et reiciendis ullam, accusamus blanditiis iste rerum. Impedit placeat tenetur, aperiam iure dolores quibusdam repellat, alias, nesciunt, </div>

Résultat

Compatibilité

L’attribut border-right est pris en charge par tous les principaux navigateurs.

Valeurs

Les différentes valeurs de l’attribut border-right sont:

Le type de bordure

Voir border-right-style

L’épaisseur de la bordure

Voir border-right-width

La couleur de la bordure

Voir border-right-color

initial

Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécification.
Syntaxe :
border-right : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
border-right : inherit

A voir aussi

border box-sizing clip height width margin padding overflowmax-width min-width outline resize