atributo Style perspectiveOrigin

definición y uso

perspectiveOrigin atributo define la posición del elemento 3D en el eje x e y. Este atributo permite cambiar la posición inferior del elemento 3D.

al definir el elemento perspectiveOrigin al definir el atributo, la ubicación es del elemento hijo, no del elemento mismo.

comentarios:este atributo debe coincidir con atributo perspective utilizados juntos y solo afectan a los elementos de conversión 3D!

véase también:

objeto Style de JavaScript:atributo perspective

manual de referencia de CSS:atributo perspective-origin

ejemplo

establecer la posición base del elemento 3D:

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

intente usted mismo

sintaxis

devolver atributo perspectiveOrigin:

objeto.style.perspectiveOrigin

establecer atributo perspectiveOrigin:

objeto.style.perspectiveOrigin = "eje-x eje-y|initial|inherit"

valor del atributo

valor descripción
eje-x

define la posición de la vista en el eje x.

  • izquierda
  • centro
  • derecha
  • longitud
  • %

valor predeterminado: 50%
eje-y

define la posición de la vista en el eje y.

valores posibles:

  • arriba
  • centro
  • abajo
  • longitud
  • %

valor predeterminado: 50%
initial establezca este atributo en su valor predeterminado. Consulte initial.
inherit hereda este atributo de su elemento padre. Consulte inherit.

detalles técnicos

valor predeterminado: 50% 50%
devolución de valor: cadena que representa la atributo perspective-origin.
Versión de CSS: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

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