border-right CSS propriété

Définition de la CSS border-right.

La propriété de bordure CSS border-right est un raccourci qui permet de spécifier le style de la bordure droite, l'épaisseur de la bordure droite et la couleur de la bordure droite d'un élément.

Exemple de syntaxe CSS border-right :
border-right : outset 10px blue;
border-right : 10px dotted;
border-right : #5F9EA0;
La propriété de bordure droite CSS border-right accepte une des valeurs de chaque propriété de bordure CSS suivante :
  • : spécifie le style CSS de la bordure droite.
  • : spécifie la taille CSS de la bordure droite.
  • : spécifie la couleur CSS de la bordure droite.
ou la bordure droite CSS border-right peut prendre la valeur de :
  • inherit : valeur seule, la bordure droite hérite des propriétés de bordure droite de son parent (CSS2).

Conditions d'application de la CSS border-right.

La propriété de bordure droite border-right CSS est applicable sur l'ensemble des balises HTML ou XHTML.

La valeur de la CSS border-right peut être mise directement dans la propriété de raccourci CSS .

Problème d'interprétation de border-right en Css.

La propriété de bordure droite CSS border-right hérite des problèmes de chaque propriété CSS qui la compose.

Règles de syntaxes CSS pour border-right.

Règle d'écriture de la bordure droite : border-right

Les valeurs assignées à la propriété de bordure CSS border-right doivent être séparées par un espace et leur ordre n'a pas d'importance.
Vous pouvez omettre une ou des valeurs dans ce cas, c'est la valeur par défaut de la propriété de bordure omise qui sera prise. Vous trouverez cette informations dans la définition de chaque propriété de la bordure Css.

Propriétés CSS utilisées dans le raccourci border-right.

Spécifier les propriétés Css de la bordure droite individuellement

Si vous ne voulez pas utiliser le raccourci de bordure border-right, vous pouvez définir individuellement chaque propriété de la bordure Css droite en utilisant une des propriétés de bordure CSS suivante :

Exemple d'écriture CSS de propriétés de la bordure Css droite spécifiées individuellement :
.identifiant{
  border-right-width : 5px;
  border-right-color : rgb(173,216,230);
  border-right-style : solid;
}

Compatibilités navigateurs de la propriété border-right

Exemples et astuces CSS pour utiliser border-right

Créer un triangle en Css avec les bordures

Il existe une technique CSS basée sur les bordures Css qui permet de faire un triangle en CSS.

Votre avis sur la définition border-right en CSS

Votez pour la définition CSS border-right

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/border-right-css.html Votes: 4.6 / 5 - 18 votes
Cliquez sur une étoile pour voter.