Atrybut Style transformStyle
- Poprzednia strona transformOrigin
- Następna strona transition
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
transformStyle
Atrybut określa sposób prezentacji w przestrzeni 3D wewnątrz wciętych elementów.
Komentarz:Ta właściwość musi być używana z Atrybut transform Używane razem.
Inne zasoby:
Obiekt Style JavaScript:Atrybut transform
CSS Księga encyklopedyczna:Atrybut transform-style
Przykład
Pozwól na zachowanie 3D przekształceń następnym elementom:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Gramatyka
Zwrócenie atrybutu transformStyle:
object.style.transformStyle
Ustawienie atrybutu transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
flat | Domyślna wartość. Następne elementy nie będą zachowywać swojej pozycji 3D. |
preserve-3d | Następne elementy będą zachowywać swoją pozycję 3D. |
initial | Ustawienie tej właściwości na jej wartość domyślną. Zobacz: initial. |
inherit | Następne elementy dziedziczą tę właściwość od elementu nadrzędnego. Zobacz: inherit. |
Szczegóły techniczne
Domyślna wartość: | flat |
---|---|
Wartość zwracana: | ciąg znaków, który reprezentuje Atrybut transform-style. |
Wersja CSS: | CSS3 |
Obsługa przeglądarki
Tabela zawiera numery wersji przeglądarek, które w pełni obsługują tę właściwość.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Poprzednia strona transformOrigin
- Następna strona transition
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM