Style perspectiveOrigin egenskab

Definering og brug

perspectiveOrigin Definerer og brug

definerer placeringen af underelementer, ikke elementet selv. perspectiveOrigin Når egenskaben

Bemærkninger:Denne egenskab skal matche perspective egenskab Brug sammen, og påvirker kun elementer med 3D-transformering!

Se også:

JavaScript Style object:perspective egenskab

CSS reference manual:perspective-origin egenskab

Eksempel

Indstil grundpositionen for 3D-elementet:

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

Prøv det selv

Syntaks

Returner perspectiveOrigin egenskab:

object.style.perspectiveOrigin

Indstil perspectiveOrigin egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
x-axis

Definerer visningens placering på x-aksen.

  • left
  • center
  • right
  • length
  • %

Standardværdi: 50%
y-axis

Definerer visningens placering på y-aksen.

Mulige værdier:

  • top
  • center
  • bottom
  • length
  • %

Standardværdi: 50%
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: 50% 50%
Returværdi: streng, der repræsenterer elementets perspective-origin egenskab.
CSS version: CSS3

Browser support

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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