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

Résultats de traduction：

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-plansyntaxe

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-planexemple

<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.

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

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

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

Recommandations populaires

Maison

vidéos

Questions et réponses