propriétés CSS de fond
Exemples
Définition de plusieurs images d'arrière-plan dans un élément div (et préciser leur emplacement):
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
Essayez »
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
| 属性 | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Tous les principaux navigateurs prennent en charge les attributs de fond.
Notez que IE8 et les versions antérieures ne prennent pas en charge une pluralité d'éléments de l'image d'arrière - plan.
Notez que IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 besoin de définir! DOCTYPE. IE9 supporte le «héritage».
définitions de balises et les instructions
Contexte de propriété raccourcie peut définir toutes les propriétés d'arrière-plan dans une déclaration.
Les propriétés que vous pouvez définir sont: background-color, background-position, background-size, background-repeat, background-origin, background-clip background-attachment et background-image.
Si ce qui précède est manquant une valeur, il n'a pas d'importance, comme background: # FF0000 URL (smiley.gif); est autorisé.
| Par défaut: | Reportez-vous à la propriété séparée |
|---|---|
| Héritage: | aucun |
| Version: | CSS1 + CSS3 nouvelles propriétés |
| Syntaxe JavaScript: | objet object.style.background = "url rouge (smiley.gif) en haut à gauche no-repeat" |
grammaire
| valeur | explication | CSS |
|---|---|---|
| background-color | Indique la couleur de fond à utiliser | 1 |
| background-position | Indique l'emplacement de l'image d'arrière-plan | 1 |
| background-size | Indique la taille de l'image d'arrière-plan | 3 |
| background-repeat | Indique comment répéter une image d'arrière-plan | 1 |
| background-origin | zone Emplacement spécifié image de fond | 3 |
| background-Clip | Indique le background image zone de peinture | 3 |
| background-attachment | Définir l'image d'arrière-plan est fixe ou défilement avec le reste de la page. | 1 |
| background-image | Spécifiez une ou plusieurs images de fond à utiliser | 1 |
articles connexes
Tutoriel CSS: CSS Contexte
CSS3 tutoriel: CSS3 Fond
