Latest web development tutorials

propriété HTML DOM style perspectiveOrigin

Style de Object Reference style Objets

Exemples

éléments 3D mis en position de point:

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

Essayez »

Définition et utilisation

perspectiveOrigin éléments 3D de définition d'attribut en fonction de l'axe X et l'axe Y. Cette propriété vous permet de changer la position du fond des éléments 3D.

Quand un élément est défini perspectiveOrigin attributs, des éléments enfants obtiennent leur effet de perspective, plutôt que l'élément lui-même.

Note: S'il vous plaît Cette propriété perspective attribut, mais affecte uniquement l'élément de conversion 3D!


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + et le soutien Firefox propriété perspectiveOrigin.

Chrome, Safari et Opera supporte une autre variante de l'attribut de propriété qui WebkitPerspecitveOrigin propriété.


grammaire

Retour propriétés perspectiveOrigin:

object .style.perspectiveOrigin

Définition des propriétés perspectiveOrigin:

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

Valeur de la propriété

描述
x-axis 定义该视图在 x 轴上的位置。

可能的值:

  • left
  • center
  • right
  • length
  • %

默认值:50%

y-axis 定义该视图在 y 轴上的位置。

可能的值:

  • top
  • center
  • bottom
  • length
  • %

默认值:50%

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

détails techniques

Par défaut: 50% 50%
Retours: Chaîne représentant élément de propriété perspective d'origine.
CSS version CSS3


articles connexes

JavaScript Style de l' objet: Propriétés Perspective

CSS Référence: attribut Perspective-Origin


Style de Object Reference style Objets