Style perspectiveOrigin egenskap

Definition och användning

perspectiveOrigin egenskap definierar 3D-elementets position på x- och y-axeln. Denna egenskap tillåter dig att ändra 3D-elementets nedre position.

När man definierar elementets perspectiveOrigin När egenskapen används för att positionera, är det underelementet som positioneras, inte elementet självt.

Kommentar:Denna egenskap måste användas tillsammans med perspective egenskap Används tillsammans och påverkar endast element som har 3D-omvandling!

Se också:

JavaScript Style objekt:perspective egenskap

CSS Referenshandbok:perspective-origin egenskap

Exempel

Sätt baspositionen för 3D-elementet:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

Prova själv

Syntax

Returnera perspectiveOrigin egenskap:

object.style.perspectiveOrigin

Sätt perspectiveOrigin egenskap:

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

Egenskapsvärde

Värde Beskrivning
x-axis

Definiera vyns position på x-axeln.

  • vänster
  • centrerad
  • höger
  • längd
  • %

Standardvärde: 50%
y-axis

Definiera vyns position på y-axeln.

Möjliga värden:

  • övre
  • centrerad
  • nedre
  • längd
  • %

Standardvärde: 50%
initial Sätt denna egenskap till dess standardvärde. Se initial。
inherit Följande är att ärva denna egenskap från föräldrelementet. Se inherit。

Tekniska detaljer

Standardvärde: 50% 50%
Returvärde: sträng, som representerar elementets perspective-origin egenskap。
CSS-version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder egenskapen.

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