Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété background-color

Description de la propriété background-color.

background-color définit la couleur de l'arrière-plan. Si une image d'arrière-plan est également définie, elle est prioritaire sur la couleur, mais cette dernière peut cependant être visible dans les parties transparentes de l'image d'arrière-plan.

La couleur peut également être mélangée avec l'image d'arrière-plan : voir la propriété background-blend-mode.

Dans le cas d'arrière-plan multiples (voir arrière-plans multiples), la couleur ne peut cependant pas être définie pour chacun des arrière-plans : elle doit être définie sur le dernier seulement.

Reportez-vous à la page généralités sur les arrière-plans pour une explication sur le fonctionnement général des arrière-plans.

Syntaxes pour background-color.

  • background-color: transparent;

    Valeur par défaut.

  • background-color: #421824;

    La couleur peut être écrite sous toutes les formes reconnues par CSS (voir les couleurs CSS).

  • background-color: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Exemples.

background-color:gold
background-color:#FFD700
background-color:rgb(255,215,0)
background-color:#FFD70080
background-color:rgba(127,255,215,0.5)

Compatibilité entre navigateurs.

Aucun problème de compatibilité n'est à signaler : tous les navigateur prennent correctement en charge la propriété background-color.

Voir aussi...

Arrière-plan - Propriétés.

Arrière-plan - Fonctions.

Couleurs - Propriétés.

Couleurs - Fonctions.

  • hsl() : Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité.
  • hsla() : Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
  • hue-rotate() : Change les couleurs d'une image (rotation des teintes).
  • hwb() : Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
  • rgb() : Détermine une couleur à partir des valeurs de Rouge, de Vert et de Bleu.
  • rgba() : Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.