For at ændre placeringen af ​​et billede i CSS , kan du bruge egenskaber som objekt-position og float. Egenskaben objekt-position justerer billedets position i dets beholder ved hjælp af x- og y-koordinater. På den anden side bruges float-egenskaben til at flytte et element i beholderen til venstre eller højre for billedplaceringen.

Indholdsfortegnelse

• Brug af objekt-position egenskab
• Brug af float Property

Brug af objekt-position egenskab

object-position> ejendom bruges præcist til at indstille placeringen af ​​et billede i dets beholder, så du kan kontrollere dets justering og placering uden at ændre det overordnede layout.

Syntaks:

object-position: 

Ejendomsværdier:

• position: Det tager 2 numeriske værdier svarende til henholdsvis afstanden fra venstre for indholdsboksen (x-aksen) og afstanden fra toppen af ​​indholdsboksen (y-aksen).

Eksempel: Implementering til at indstille positionen af ​​et billede ved hjælp af objekt-position egenskaben.

HTML