Perspective de style Propriété
Exemple
Définissez la perspective à partir de laquelle un élément est visualisé :
document.getElementById("myDIV").style.perspective = "50px";
Définition et utilisation
La propriété perspective définit combien de pixels un élément 3D est placé à partir de la vue. Cette propriété vous permet de modifier la perspective d'affichage des éléments 3D.
Lors de la définition de la propriété perspective d'un élément, ce sont les éléments CHILD qui obtiennent la vue en perspective, PAS l'élément lui-même.
Remarque : La propriété de perspective n'affecte que les éléments transformés en 3D !
Conseil : utilisez cette propriété avec la propriété perspectiveOrigin , qui vous permet de modifier la position inférieure des éléments 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 | |||||
|---|---|---|---|---|---|
| perspective | 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é WebkitPerspective.
Syntaxe
Renvoie la propriété perspective :
object.style.perspective
Définissez la propriété perspective :
object.style.perspective = "length|none"
Valeurs de propriété
| Value | Description |
|---|---|
| length | How far the element is placed from the view |
| none | Default value. Same as 0. The perspective is not set |
| 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: | rien |
|---|---|
| Valeur de retour : | Une chaîne, représentant la propriété de perspective d'un élément |
| Version CSS | CSS3 |
Pages connexes
Objet de style JavaScript : propriété perspectiveOrigin
Référence CSS : propriété perspective
❮ Objet de style