Style perspectiveOrigin eigenschap

Definitie en gebruik

perspectiveOrigin Eigenschap definieert de positie van het 3D-element op de x-as en y-as. Deze eigenschap maakt het mogelijk om de onderkantpositie van het 3D-element te wijzigen.

bij het definiëren van de perspectiveOrigin Wanneer de positie wordt vastgesteld van de eigenschap, is het de sub-elementen die worden georiënteerd, niet het element zelf.

Aantekening:Deze eigenschap moet samen worden gebruikt met perspective eigenschap Gebruik samen en beïnvloed alleen de elementen met 3D-convertering!

Zie ook:

JavaScript Style object:perspective eigenschap

CSS Referentiemanualperspective-origin eigenschap

Voorbeeld

Instellen van de basispositie van 3D-elementen:

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

Probeer het zelf

Syntaxis

Terugkeer de perspectiveOrigin eigenschap:

object.style.perspectiveOrigin

Instellen van de perspectiveOrigin eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
x-as

Definieert de positie van het beeld op de x-as.

  • links
  • midden
  • rechts
  • lengte
  • %

Standaardwaarde: 50%
y-as

Definieert de positie van het beeld op de y-as.

Mogelijke waarden:

  • bovenkant
  • midden
  • onderkant
  • lengte
  • %

Standaardwaarde: 50%
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgen van de ouderweergave. Raadpleeg inherit.

Technische details

Standaardwaarde: 50% 50%
Terugkeerwaarde: tekenreeks, die de perspective-origin eigenschap.
CSS version: CSS3

Browser support

The numbers in the table indicate the first browser version to fully support this property.

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