arrière-plan

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

n (des peintures, etc.) couleur d'arrière-plan;

英[pə ˈzɪʃn ] 美[ pəˈzɪʃən]

n. Position, direction, position; état

vt. mettre... dans la position appropriée...; Pluriel : positions Participe présent : positionnement Passé : positionné Participe passé : positionné

Propriété CSS de position d'arrière-plan syntaxe

Comment utiliser l'attribut background-position ?

La propriété background-position peut définir la position de départ de l'image d'arrière-plan. La syntaxe est : background-position : x y, où x représente la position horizontale et y représente la position verticale ; il existe de nombreuses façons d'attribuer des valeurs à x et y, par exemple : en haut à gauche, 3% 2%, xpos ypos .

Fonction : Définissez la position de départ de l'image d'arrière-plan.

Description : Cet attribut définit la position de l'image d'arrière-plan d'origine (définie par background-image). Si l'image d'arrière-plan doit être répétée, elle partira de ce point.

Remarque : Vous devez définir la propriété background-attachment sur "fixed" pour garantir que cette propriété fonctionne correctement dans Firefox et Opera.

Valeurs pouvant être définies :

Si vous spécifiez un seul mot-clé, la deuxième valeur sera "centre". x% y%La première valeur est la position horizontale et la deuxième valeur est la position verticale. xpos yposLa première valeur est la position horizontale et la deuxième valeur est la position verticale.

Propriété CSS de position d'arrière-plan exemple

<html>
<head>
<style type="text/css">
body
{ 
  background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
}
</style>
</head>

<body>
<body>
<p><b>提示：</b>您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。</p>
</body>
</body>
</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

valeur description

en haut au centre

en haut à droite

centre à gauche

centre au centre

centre à droite

en bas à gauche

en bas au centre

en bas à droite

Valeur par défaut : 0% 0%.

Le coin supérieur gauche est 0% 0%. Le coin inférieur droit est 100 % 100 %.

Si vous spécifiez une seule valeur, l'autre valeur sera de 50 %.


Le coin supérieur gauche est 0 0. Les unités sont les pixels (0px 0px) ou toute autre unité CSS.

Si vous spécifiez une seule valeur, l'autre valeur sera de 50 %.

Vous pouvez mélanger les valeurs de pourcentage et de position.