Comment déplacer une image dans CSS

Vous pouvez disposer votre site et modifier les images pertinentes à l'aide des feuilles de style en cascade (CSS). Pour de tels emplois, CSS fournit une variété d'alternatives. CSS, à son actif, couvre également une grande variété de formats d'image et de types, notamment Raster comme JPEG, vecteur tel que SVG, combinaison et images sans vie.

Il existe plusieurs techniques pour positionner l'image, comme l'utilisation de la propriété de position d'objet ou de la propriété Float. Nous allons discuter de ces deux techniques avec des exemples de codes pratiquement mis en œuvre dans cet article.

Utilisation de la propriété de position d'objet

La propriété de position d'objet définit les coordonnées x et y pour l'emplacement d'un élément d'image dans son conteneur de contenu. La valeur par défaut de la position d'objet chaque fois que l'invoquer l'attribut d'objet-ate. En conséquence, tous les graphiques sont placés au milieu du conteneur de contenu respectif par défaut. En utilisant l'attribut de position d'objet, vous pouvez ajuster l'alignement par défaut des fonctions de propriété de position d'objet de manière similaire à l'argument de préservation. Pour spécifier les deux tailles ainsi que la position des graphiques externes inclus dans HTML, l'attribut de position d'objet est exercé. Plus précisément, les images incluses dans la balise peuvent également être utilisées sur d'autres types de composants substitués tels que