transform-style

Deze vertaling is niet volledig. Help dit artikel te vertalen vanuit het Engels.

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

Samenvatting

De transform-style CSS eigenschap, bepaalt of de kinderen van het element in de 3D ruimte geplaatst worden, of worden samengevoegd met het vlak van het element.

Indien samengevoegd, bestaan de kinderen niet in hun eigen 3D ruimte.

Deze eigenschap wordt niet overgeërfd, en moet dus ingesteld worden voor alle non-leaf ondergeschikte elementen van het element.

Initial valueflat
Applies totransformable elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar
Creates stacking contextyes

Syntax

/* Keyword waarden */
transform-style: preserve-3d;
transform-style: flat;

/* Globale waarden */
transform-style: inherit;
transform-style: initial;
transform-style: unset;

Waarden

preserve-3d
Geeft aan dat de kinderen van het element in de 3D ruimte moeten geplaatst worden.
flat
Geeft aan dat de kinderen van het element in het vlak van het element zelf liggen.

Formele syntax

flat | preserve-3d

Specificaties

Specificatie Status Opmerking
CSS Transforms Level 1
The definition of 'transform-style' in that specification.
Working Draft Oorspronkelijke definitie

Browsercompatibiliteit

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basis ondersteuning 12-webkit (Yes)-webkit
(Yes)
10 (10)-moz
16 (16)[1]
No support 15-webkit (Yes)-webkit
Feature Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basis ondersteuning 3.0-webkit (Yes)-webkit
(Yes)
10.0 (10)-moz
16.0 (16)[1]
No support (Yes)-webkit (Yes)-webkit

[1] Naast de niet-geprefixte support, heeft Gecko 444.0 (Firefox 44.0 / Thunderbird 44.0 / SeaMonkey 2.41) ondersteuning toegevoegd voor een met -webkit geprefixte versie van deze eigenschap. Dit omwille van de compatibiliteitsvoorkeur in layout.css.prefixes.webkit, die standaard op false werd gezet. Sinds Gecko 49.0 (Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46) Wordt de compatibiliteitsvoorkeur standaard true gezet.

Zie ook

Documentlabels en -medewerkers

 Aan deze pagina hebben bijgedragen: toonvandeputte
 Laatst bijgewerkt door: toonvandeputte,