logo

Kuinka asettaa kuvan sijainti CSS:ssä?

Muuttaaksesi kuvan sijaintia CSS , voit käyttää ominaisuuksia, kuten objektin sijainti ja float. Objektin sijainti -ominaisuus kohdistaa kuvan sijainnin sen säilöön käyttämällä x- ja y-koordinaatteja. Toisaalta float-ominaisuutta käytetään siirtämään elementtiä säilön sisällä kuvan sijoittelun vasemmalle tai oikealle puolelle.

Sisällysluettelo



Objektin sijainti -ominaisuuden käyttäminen

object-position>omaisuutta käytetään tarkasti määrittämään kuvan sijainti säiliössä, jolloin voit hallita sen kohdistusta ja sijoittelua muuttamatta yleistä asettelua.

sovelma sovelma

Syntaksi:

object-position:>

Kiinteistöjen arvot:

  • asema: Se ottaa kaksi numeerista arvoa, jotka vastaavat etäisyyttä sisältölaatikon vasemmasta reunasta (x-akseli) ja etäisyyttä sisältölaatikon yläreunasta (y-akseli).

Esimerkki: Toteutus kuvan sijainnin määrittämiseksi objektin sijaintiominaisuuden avulla.

HTML




10 ml unssiin





> <>html>>>> head>>>> <>title>