Pour modifier la position d'une image dans CSS , vous pouvez utiliser des propriétés telles que object-position et float. La propriété object-position aligne la position de l'image dans son conteneur à l'aide des coordonnées x et y. D'autre part, la propriété float est utilisée pour déplacer un élément dans le conteneur vers la gauche ou la droite du placement de l'image.

Table des matières

• Utilisation de la propriété object-position
• Utilisation de la propriété float

Utilisation de la propriété object-position

object-position> propriété précisément utilisé pour définir la position d'une image dans son conteneur, vous permettant de contrôler son alignement et son placement sans altérer la disposition globale.

Syntaxe:

object-position: 

Valeurs des propriétés :

• position: Il prend 2 valeurs numériques correspondant respectivement à la distance depuis la gauche de la zone de contenu (axe des x) et à la distance depuis le haut de la zone de contenu (axe des y).

Exemple: Implémentation pour définir la position d'une image à l'aide de la propriété object-position.

HTML