CSS transform-style egenskab

Definition og brug

transform-style egenskab definerer, hvordan indlejrede elementer præsenteres i 3D-rummet.

Bemærkninger:Denne egenskab skal bruges sammen med transform egenskaber bruges sammen.

Se også:

CSS3 tutorial:CSS3 2D konvertering

CSS3 tutorial:CSS3 3D konvertering

HTML DOM referencemanual:transformStyle egenskab

eksempel

Lad de konverterede underliggende elementer beholde deres 3D-convertering:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

Prøv det selv

CSS syntaks

transform-style: flat|preserve-3d;

Egenskabsværdi

Værdi Beskrivelse
flat Underliggende elementer vil ikke beholde deres 3D-position.
preserve-3d Underliggende elementer vil beholde deres 3D-position.

Tekniske detaljer

Standardværdi: flat
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.transformStyle="preserve-3d"

Browserstøtte

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- præfiks angiver den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-