Style transformOrigin egenskapen

Definisjon og bruk

transformOrigin Egenskapen tillater deg å endre posisjonen til den konverterte elementet.

2D konverteringskomponenter kan endre elementets x- og y-akser. 3D konverteringskomponenter kan også endre elementets z-akse.

Kommentarer:Denne egenskapen må brukes sammen med transform egenskapen Bruk sammen

Se også:

JavaScript Style objekt:transform egenskapen

CSS referansehåndbok:transform-origin egenskapen

Eksempel

Sett grunnleggende plassering for rotasjonselementet:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Prøv selv

Syntaks

Returner transformOrigin egenskapen:

object.style.transformOrigin

Sett transformOrigin egenskapen:

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

Egenskapsverdi

Verdi Beskrivelse
x-axis

Definerer plasseringen av visningen på x-aksen. Mulige verdier:

  • venstre
  • midt
  • høyre
  • length
  • %
y-axis

Definerer plasseringen av visningen på y-aksen. Mulige verdier:

  • topp
  • midt
  • bunn
  • length
  • %
z-axis

Definerer plasseringen av visningen på z-aksen. Mulige verdier:

  • length
initial Sett denne egenskapen til standardverdien. Se initial.
inherit Arv denne egenskapen fra foreldrelementet. Se inherit.

Teknisk detalj

Standardverdi: 50% 50% 0
Tilbakeverdi: streng, som representerer elementets transform-origin egenskapen.
CSS versjon: CSS3

Nettleserstøtte

Tallene i tabellen angiver den første versjonen av nettleseren som fullt ut støtter denne egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0