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. 
    						
											
				

				
			

		
	





















        <li id="ekr04"><legend id="ekr04"></legend></li>
          <rt id="ekr04"><small id="ekr04"></small></rt>