Le meilleur didacticiel propriété CSS background-position en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,définitions de balises et les instructions,support du navigateur,Valeur de la propriété,exemples en ligne,articles connexes,
Comment localiser le background-image:
propriété background-position définit la position de départ de l'image d'arrière-plan.
Notez que pour que cela fonctionne dans Firefox et Opera, background-attachment doit être réglé sur "fixe (fixe)."
Par défaut: | 0% 0% |
---|---|
Héritage: | aucun |
Version: | CSS1 |
Syntaxe JavaScript: | objet object.style.backgroundPosition = "center" |
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
propriété | |||||
---|---|---|---|---|---|
background-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
REMARQUE: navigateur IE8et les versions antérieures ne supportent pas l' élément a une pluralité d'images d'arrière - plan.
值 | 描述 |
---|---|
left top left center left bottom right top right center right bottom center top center center center bottom |
如果仅指定一个关键字,其他值将会是"center" |
x% y% | 第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%。 。默认值为:0%0% |
xpos ypos | 第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他 CSS单位 。如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions |
inherit | 指定background-position属性设置应该从父元素继承 |
Comment définir la page image de fond
Cet exemple montre comment définir l'arrière-plan-image sur la page.
Comment positionner une image d'arrière - plan en utilisant%
Cet exemple montre comment utiliser la position de l'image sur la page% des paramètres.
Comment positionner une image d'arrière - plan en utilisant les pixels
Cet exemple montre comment utiliser l'image sur une page de paramètres de localisation de pixel.
Tutoriel CSS: CSS Contexte
CSS Manuel de référence: propriété background-image