Perspective de stylePropriété d'origine
Exemple
Définissez le placement de base d'un élément 3D :
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Définition et utilisation
La propriété perspectiveOrigin définit où un élément 3D est basé sur les axes x et y. Cette propriété vous permet de modifier la position inférieure des éléments 3D.
Lors de la définition de la propriété perspectiveOrigin pour un élément, ce sont les éléments CHILD qui sont positionnés, PAS l'élément lui-même.
Remarque : Cette propriété doit être utilisée avec la propriété perspective et n'affecte que les éléments transformés en 3D !
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Remarque : les anciens Chrome, Safari et Opera prennent en charge une alternative, la propriété WebkitPerspectiveOrigin.
Syntaxe
Renvoyez la propriété perspectiveOrigin :
object.style.perspectiveOrigin
Définissez la propriété perspectiveOrigin :
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | 50% 50% |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété perspective-origin d'un élément |
Version CSS | CSS3 |
Pages connexes
Objet de style JavaScript : propriété perspective
Référence CSS : propriété perspective-origin
❮ Objet de style