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

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basis ondersteuning 12-webkit (Yes)-webkit
(Yes)
10 (10)-moz
16 (16)[1]
Niet ondersteund 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]
Niet ondersteund (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,