Style background Property

<Style objet

Exemple

Le style de l'arrière-plan d'un document:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Les ensembles de propriétés de base ou des rendements jusqu'à huit propriétés de fond séparées, sous une forme abrégée.

Avec cette propriété, vous pouvez définir / retourner un ou plusieurs des éléments suivants (dans l'ordre):

Couleur de fond
image de fond
Répétition du fond
background-attachment
Position d'arrière-plan
background-size
fond d'origine
fond de la cassette

Les propriétés ci-dessus peuvent également être définies avec des propriétés de style séparées. L'utilisation de propriétés distinctes est fortement recommandé pour les auteurs non avancés pour une meilleure contrôlabilité.

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Propriété
background	1.0	4.0	1.0	1.0	3.5

Note: Voir le soutien du navigateur individuel pour chaque valeur ci - dessous.

Syntaxe

Retour la propriété de fond:

object .style.background

Définissez la propriété de fond:

object .style.background=" Valeurs de propriété

Valeur	La description
color	Définit la couleur d'arrière-plan d'un élément
image	Définit l'image d'arrière-plan pour un élément
repeat	Définit comment une image d'arrière-plan sera répété
attachment	Définit si une image d'arrière-plan est fixe ou défile avec la page
position	Définit la position de départ d'une image d'arrière-plan
size	Définit la taille d'une image d'arrière-plan
origin	Définit la zone de positionnement de fond
clip	Définit la zone de peinture d'une image d'arrière-plan
initial	Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit	Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut:	transparent aucune répétition scroll 0% 0% border-box auto-box de remplissage
Valeur de retour:	Une chaîne représentant le fond d'un élément
version CSS	CSS1 + de nouvelles propriétés à CSS3