Les images d'arrière-plan CSS peuvent-elles être décalées par rapport au bord droit ?

Positionnement d'une image d'arrière-plan avec CSS : peut-elle être décalée par rapport au côté droit ?

En CSS, la propriété background-position vous permet pour spécifier la position horizontale et verticale d'une image d'arrière-plan. Cependant, il est important de noter que cette position est calculée à partir des bords gauche et supérieur de l'élément conteneur. Alors, pouvez-vous positionner une image d'arrière-plan à une quantité fixe de pixels du côté droit ?

La réponse : Oui, en utilisant le mot-clé « bon »

Contrairement à votre hypothèse initiale, il est possible de positionner une image d'arrière-plan à une quantité fixe de pixels du côté droit en utilisant CSS. En utilisant le mot-clé « bon », vous pouvez obtenir cet effet.

Syntaxe :

background-position: right 30px center;

Dans cet exemple, l'image d'arrière-plan sera positionnée à 30 pixels de le bord droit du conteneur et centré verticalement.

Navigateur Support :

Cette fonctionnalité est largement prise en charge dans les navigateurs modernes. Vous pouvez consulter la liste complète de compatibilité sur http://caniuse.com/#feat=css-background-offsets.

Informations supplémentaires :

Pour des informations plus détaillées , veuillez vous référer aux ressources suivantes :

• Positionnement en arrière-plan CSS : http://www.w3.org/TR/css3-background/#the-background-position

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!