English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des attributs CSS

Bordure CSS-right-Méthode d'utilisation et exemple de la propriété color

border-right-La propriété color css est utilisée pour définir la couleur du bord droit de l'élément. Cependant, dans de nombreux cas, commeborder-colorouborder-rightCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.

Le tableau suivant contient des instructions d'utilisation et un historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :colorValeur de propriété
Appliqué à :Tous les éléments
Héritage :Non
Animable :Est.Veuillez consulter Propriété animée
Version :CSS 1,2,3
Syntaxe JavaScript :object object.style.borderRightColor="red"

border-right-Syntaxe d'utilisation de color

La syntaxe de cette propriété est la suivante :

border-right-color: color | transparent | initial | inherit

Les exemples suivants montrent comment utiliser border-right-Propriété color.

  p {
   border-style: solid;
   border-right-color: #ff0000;
  }
Vérifiez et voyez‹/›

Attention :Vous devez êtreborder-stylePropriété avant de déclarer border-bottom-Propriété width. L'élément doit avoir une bordure avant de pouvoir définir la largeur de la bordure, car laborder-styleLa valeur par défaut de cette propriété est none.

Valeur de propriété

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
colorSpécifiez la couleur du bord droit. VoirValeur de couleur CSSpour obtenir une liste de valeurs de couleur possibles.
transparentPermet que la bordure soit transparente, bien que cela puisse en occuperborder-widthEspace de propriété.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la bordure de l'élément parent-right-Valeur de la propriété color.

Compatibilité du navigateur

border-right-La compatibilité des navigateurs pour la propriété color, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Voir le tutoriel :Bordure CSSCSS3 Border

Propriétés associées :borderborder-colorborder-rightborder-right-style
border-right-width