Propriété Style perspective

Définition et utilisation

Remarque : Les éléments enfants obtiennent l'effet de perspective,而非l'élément lui-même.

l'attribut Remarque : Cette propriété définit la distance de l'élément 3D par rapport à la vue, en pixels. Cette propriété vous permet de changer la perspective de vue de l'élément 3D.

Lorsque vous définissez l'attributRemarque : perspective

Cette propriété n'affecte que les éléments de transformation 3D.Astuce : Propriété perspective-origin Utilisez cette propriété avec d'autres pour pouvoir changer la position du bas de l'élément 3D.

Voir également :

Objet Style JavaScript :Propriété perspective-origin

Manuel de référence CSS :Propriété perspective

Exemple

Définir la perspective de vue de l'élément à consulter :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété perspective :

object.style.perspective

Définir la propriété perspective :

object.style.perspective = "length|none"

Valeur de l'attribut

Valeur Description
length La distance de l'élément par rapport à la vue, en pixels.
none Valeur par défaut. Équivalent à 0. Aucune perspective définie.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : Aucun
Valeur de retour : Une chaîne, représentant la Propriété perspective.
Version de CSS : CSS3

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
Chrome Edge Firefox Safari Opéra
36.0 10.0 16.0 6.1 23.0