Latest web development tutorials

HTML DOM style propriété en perspective

Style de Object Reference style Objets

Exemples

L'élément en cours de visualisation emplacements Perspective:

document.getElementById("myDIV").style.perspective="50px";

Essayez »

Définition et utilisation

Du point de vue attribuer la définition des éléments 3D de la vue, en pixels. Cette propriété vous permet de changer la perspective des éléments 3D sont considérés.

Quand un élément est défini attributs en perspective, ses enfants auront l'effet de perspective, plutôt que l'élément lui-même.

Remarque: la propriété en perspectiveaffecte uniquement l' élément de conversion 3D!

Remarque: S'il vous plaît Cette propriété perspectiveOrigin biens utilisés ensemble, de sorte que vous pouvez changer la position du fond des éléments 3D.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + et de soutien Firefox propriétés en perspective.

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


grammaire

Renvoie la perspective des attributs:

object .style.perspective

Réglage perspective attributs:

object .style.perspective="length|none"

Valeur de la propriété

描述
length 元素距离视图的距离,以像素计。
none 默认值。与 0 相同。不设置透视。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

détails techniques

Par défaut: aucun
Retours: Chaîne représentant l'élément d'attribut de perspective.
CSS version CSS3


articles connexes

JavaScript Style de l' objet: propriété perspectiveOrigin

CSS Référence: Propriétés Perspective


Style de Object Reference style Objets