Aanbevolen cursus:

Stijl perspectief eigenschap

Opmerking: Definitie en gebruik

Deze eigenschap definieert de afstand van het 3D-element tot het zicht, uitgedrukt in pixels. Deze eigenschap maakt het mogelijk om het perspectief van het bekijken van het 3D-element te wijzigen. Opmerking: Wanneer voor een element de eigenschap wordt gedefinieerd

Wanneer een sub-element de eigenschap definieert, krijgen deze elementen de perspectief-effect, niet het element zelf.Opmerking: perspectief

Deze eigenschap beïnvloedt alleen 3D-omzettingselementen.Tip: perspectief-origin eigenschap Gebruik deze eigenschap samen om de ondersteunde positie van 3D-elementen te veranderen.

Zie ook:

JavaScript Style object:perspectiefOrigin eigenschap

CSS referentiehandleiding:perspectief eigenschap

Voorbeeld

Instellen van het perspectief van het bekijken van het element:

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

Probeer het zelf

Syntax

Terugkeer van de perspectief eigenschap:

object.style.perspective

Instellen van de perspectief eigenschap:

object.style.perspective = "length|none"

Eigenschapswaarde

Waarde Beschrijving
length De afstand van het element tot het zicht, uitgedrukt in pixels.
none Standaardwaarde. Gelijk aan 0. Geen perspectief ingesteld.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfst van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: Geen
Terugkeerwaarde: tekenreeks die de afstand van het element tot het zicht vertegenwoordigt perspectief eigenschap.
CSS-versie: CSS3

Browserondersteuning

Tafelnummer geeft de versie van de browser aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0