Hvordan justere bildet til høyre i CSS

Bilder regnes som en visuell form for å formidle meldingene eller ideene dine i webapplikasjoner. De er imidlertid bare nyttige hvis de er i riktig posisjon. Noen ganger er ikke bilder i sin posisjon, og deres innretting er påkrevd. Ulike egenskaper til CSS kan hjelpe deg med å justere bilder.

Denne artikkelen vil demonstrere to metoder for å justere et bilde til høyre i CSS.

Hvordan justere bildet til rett i CSS?

I CSS vil vi bruke følgende egenskaper for å justere et bilde til høyre:

• Float Property
• Vis eiendom

Så la oss komme i gang med den første metoden.

Metode 1: Bruk float -egenskap for å justere bildet til høyre i CSS

CSS “flyte”Eiendom brukes til å kontrollere plasseringen av et element. Det bestemmer om elementet vil flyte til høyre, venstre eller ikke på noen måte.

For demonstrasjonen vil vi gi et eksempel for å forstå arbeidet med den nevnte eiendommen.

Eksempel

Her er et eksempelbilde rettet mot venstre som standard. Vi vil endre bildeposisjonen og samkjøre den til høyre side:

For å gjøre det, spesifiser bildet SRC i Tag av HTML -filen:

For å justere det valgte bildet til høyre, vil vi sette verdien av “flyte”Eiendom som“Ikke sant”:

Etter å ha lagret den gitte koden, åpner du HTML -filen i nettleseren din for å se resultatet:

Den ovennevnte utgangen indikerte at vi har justert bildet til høyre ved hjelp av CSS Float-egenskap.

Metode 2: Bruk skjermegenskap for å justere bildet til høyre i CSS

I CSS, “vise”Eiendom bestemmer atferden til et element. Det definerer hvordan et element vil fungere på sitt spesifiserte sted. Du kan også bruke visningsegenskapen til å sette et bildes justering som riktig.

Se på det undergitte eksemplet for å se hvordan vi kan justere et bilde til høyre ved å bruke CSS Display-egenskapen.

Eksempel

For å justere bildet rett i CSS, vil vi spesifisere “vise”Eiendomsverdi som“-Webkit-boks”. -Webkit -box -verdien brukes til å angi innholdet i et hvilket som helst element i en bestemt retning. Dessuten "margin-venstre”Eiendom til det valgte bildet er også satt som“bil”For å gi venstre side en andel av den gjenværende plassen:

Produksjon

Vi har gitt de essensielle instruksjonene relatert til å justere bilder til høyre ved hjelp av CSS -egenskaper.

Konklusjon

For å justere et bilde til høyre i CSS, kan du bruke “flyte”Og“vise" egenskaper. For det nevnte formålet er verdien av Float -egenskapen satt som riktig, og -Webkit -Box -verdien til visningsegenskapen vil sette bildens justering som riktig. I denne artikkelen er de to enkleste metodene for å justere bilder til høyre i CSS blitt beskrevet. Begge metodene er effektive; Bruk noen av dem i henhold til dine preferanser.