Hvordan flytte et bilde i CSS

Du kan legge ut nettstedet ditt og endre de relevante bildene ved å bruke Cascading Style Sheets (CSS). For slike jobber gir CSS en rekke alternativer. CSS, til sin ære, dekker også et bredt utvalg av bildeformater og slag inkludert raster som JPEG, vektor som SVG, kombinasjon og livløse bilder.

Det er flere teknikker for å plassere bildet, for eksempel å bruke objektposisjonsegenskapen eller float-egenskapen. Vi kommer til å diskutere begge disse teknikkene med praktisk implementerte eksempelkoder i denne artikkelen.

Bruke egenskapen til objektposisjonen

Egenskapen for objektposisjoner angir X- og Y-koordinatene for et bildeelementets plassering i innholdsbeholderen. Standardverdien for objektposisjonen når du påberoper seg objekt-passer attributtet er 50%. Som et resultat plasseres all grafikk midt i den respektive innholdsbeholderen som standard. Ved å bruke objektposisjonsattributtet, kan du justere standardjustering av egenskapets egenskapsfunksjoner på samme måte som konservering. For å spesifisere begge størrelser så vel som plasseringen av den eksterne grafikken som er inkludert i HTML, utøves objektposisjonsattributtet. Spesifikt kan bildene som er inkludert i taggen også brukes på andre slags substituerte komponenter som for eksempel