Hvordan sette posisjonen til et bilde i CSS?

Hvordan sette posisjonen til et bilde i CSS?

For å endre plasseringen av et bilde i CSS , kan du bruke egenskaper som objektposisjon og flyte. Objektposisjonsegenskapen justerer posisjonen til bildet i beholderen ved hjelp av x- og y-koordinater. På den annen side brukes float-egenskapen til å flytte et element i beholderen til venstre eller høyre for bildeplasseringen.

Innholdsfortegnelse

Bruke objektposisjonsegenskap

object-position> eiendom brukes nøyaktig til å angi posisjonen til et bilde i beholderen, slik at du kan kontrollere justeringen og plasseringen uten å endre den generelle layouten.

Syntaks:

object-position: 

Eiendomsverdier:

  • posisjon: Den tar 2 numeriske verdier som tilsvarer avstanden fra venstre side av innholdsboksen (x-aksen) og avstanden fra toppen av innholdsboksen (y-aksen).

Eksempel: Implementering for å angi posisjonen til et bilde ved å bruke objektposisjonsegenskap.

HTML




> <> html> >> <> head> >> > <> title> >For å angi posisjonen til en bildetittel>