Style transformOrigin ominaisuus

Määrittely ja käyttö

transformOrigin Ominaisuus mahdollistaa muunnetun elementin sijainnin muuttamisen.

2D muunnoselementit voivat muuttaa elementin x- ja y-akselin. 3D muunnoselementit voivat myös muuttaa elementin z-akselin.

Huomautus:Tämä ominaisuus täytyy määrittää yhdessä transform ominaisuus Käytä yhdessä.

Katso myös:

JavaScript Style objekti:transform ominaisuus

CSS viittausopas:transform-origin ominaisuus

Esimerkki

Aseta pyöritettävän elementin perusasento:

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

Kokeile itse

Syntaksi

Palauta transformOrigin ominaisuus:

object.style.transformOrigin

Aseta transformOrigin ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
x-axis

Määrittelee näkymän asettamisen x-akselin paikkaan. Mahdolliset arvot:

  • left
  • center
  • right
  • length
  • %
y-axis

Määrittelee näkymän asettamisen y-akselin paikkaan. Mahdolliset arvot:

  • top
  • center
  • bottom
  • length
  • %
z-axis

Määrittelee näkymän asettamisen z-akselin paikkaan. Mahdolliset arvot:

  • length
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 50% 50% 0
Palautusarvo: merkkijono, joka ilmaisee elementin transform-origin ominaisuus.
CSS-versio: CSS3

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan kyseisen ominaisuuden selaimen version.

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