Style transformOrigin katangian

Tinukoy at Paggamit

transformOrigin Ang katangian na ito ay nagbibigay-daan sa iyo na baguhin ang posisyon ng na-convert na elemento.

Ang 2D conversion element ay maaaring baguhin ang axis ng x at y ng elemento. Ang 3D conversion element ay maaaring baguhin din ang axis ng z ng elemento.

Komento:Ang katangian na ito ay dapat na may kaugnayan sa Katangian ng transform Magpakita ng magkasamang gamit.

Bilang:

JavaScript Style Object:Katangian ng transform

CSS Reference Manual:Ang katangian ng transform-origin

Halimbawa

I-set ang pangunahing posisyon ng elementong pinagsilbihan ng pag-rotasyon:

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

Subukan nang personal

Grammar

I-balik ang katangian ng transformOrigin:

object.style.transformOrigin

I-set ang katangian ng transformOrigin:

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

Halaga ng katangian

Halaga Paglalarawan
x-axis

Tinukoy ng lugar ng paliwanag sa axis ng x. Ang posibleng halaga:

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

Tinukoy ng lugar ng paliwanag sa axis ng y. Ang posibleng halaga:

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

Tinukoy ng lugar ng paliwanag sa axis ng z. Ang posibleng halaga:

  • length
initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang initial.
inherit Mangungunwagan ang katangian na ito mula sa magulang na elemento. Tingnan ang inherit.

Detalye ng teknolohiya

Default na halimbawa: 50% 50% 0
Halimbawa ng bumalik: Ang string na naglalayong Ang katangian ng transform-origin.
Versyon ng CSS: CSS3

Sumusuporta ng brauser

Ang numero sa talahanay ay nagtatala ng unang bersyon ng brauser na ganap na sumusuporta sa katangian na ito.

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