CSS peut-il positionner une image d'arrière-plan à une distance spécifique du bord droit ?

Positionnement précis de l'image d'arrière-plan : alignement sur la marge droite

Le CSS peut-il être utilisé pour positionner une image d'arrière-plan à une distance spécifiée du bord droit d'un élément ? Bien que la propriété background-position conventionnelle permette des ajustements spécifiques depuis la gauche et le haut, il peut sembler qu'il n'existe aucun moyen direct d'obtenir un alignement par rapport à la marge droite.

Cependant, une solution existe :

Solution :

background-position: right 30px center;

Cette technique fonctionne efficacement dans la plupart des navigateurs modernes. Reportez-vous à https://caniuse.com/#feat=css-background-offsets pour connaître la compatibilité du navigateur.

Explication :

Le bon mot-clé demande au navigateur de se positionner l'image sur le bord droit de l'élément. La valeur 30px suivante spécifie la distance à partir de laquelle décaler l'image par rapport à la limite droite. Le mot-clé center garantit le centrage vertical dans la hauteur de l'élément.

Informations supplémentaires :

Pour des informations détaillées, reportez-vous à la spécification W3C sur 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!