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

manuel de référence CSS

règle @ (RULES) CSS

大全 des attributs CSS

background CSS-Utilisation et exemples de l'attribut color

background CSS-La propriété color définit la couleur de fond de l'élément. Vous pouvez définir la couleur de fond avec une valeur de couleur ou le mot-clé "transparent".

Le fond de l'élément est la taille totale de l'élément, y compris le rembourrage et les bords (mais pas la marge). VoirModèle de boîte

Le tableau suivant résume le contexte d'utilisation et l'historique des versions de cette propriété.

Valeur par défaut :transparent
Applicable à :Tous les éléments
Héritage :Non
Animable :Est.Veuillez consulter Propriétés animées
Version :CSS 1,2,3
Syntaxe JavaScript:    
object    object.style.backgroundColor="#00FF00"

background-Syntaxe de l'utilisation de color

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

background-color: color | transparent | initial | inherit

Les exemples suivants montrent comment utiliser background-propriété color.

body { background-color: yellow;}
h1 {background-color: rgb(255,0,0);}
p {background-color: #00ff00;}
Vérifiez‹/›

Valeur de l'attribut

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

ValeurDescription
colorSpécifiez la couleur de fond. ConsultezValeur de couleur CSSpour obtenir une liste des valeurs de couleur possibles.
transparentDéfinir background-color est transparent, c'est-à-dire que le contenu et le fond des éléments sous le fond transparent seront visibles. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise le background de son élément parent-valeur calculée de la propriété color.

Compatibilité du navigateur

background-Compatibilité du navigateur pour la propriété color, tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :fond CSSCSS3fond

propriétés associées :backgroundbackground-attachmentbackground-clipbackground-imagebackground-originbackground-positionbackground-repeatbackground-size