Style transformStyle özelliği
- Önceki sayfa transformOrigin
- Sonraki sayfa transition
- Üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
transformStyle
özellik ayarlarını veya iç içe yerleştirilmiş elementlerin 3B uzaydaki sunumunu döndürür.
Yorum:Bu özellik, transform özelliği Birlikte kullanın.
Ayrıca bakınız:
JavaScript Style Objesi:transform özelliği
CSS Referans Kılavuzu:transform-style özelliği
Örnek
Dönüşüm sonrası alt elementlerin 3D dönüşümünü koruyun:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Sözdizimi
transformStyle özelliğini döndürün:
nesne.style.transformStyle
transformStyle özelliğini ayarlayın:
nesne.style.transformStyle = "düz|preserve-3d|öntanımlı|geçiş"
Özellik Değeri
Değer | Açıklama |
---|---|
düz | Öntanımlı Değer. Alt elementler 3D konumunu korumayacaktır. |
preserve-3d | Alt elementler 3D konumunu koruyacaktır. |
öntanımlı | Bu özelliği öntanımlı değerine ayarlayın. Bakınız öntanımlı。 |
geçiş | Bu özelliği, ebeveyn elementinden bu özelliği devralır. Bakınız geçiş。 |
Teknik Ayrıntılar
Öntanımlı Değer: | düz |
---|---|
Dönüşüm: | dizesi, elementin transform-style özelliği。 |
CSS Sürümü: | CSS3 |
Tarayıcı Desteği
Tablozdaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Önceki sayfa transformOrigin
- Sonraki sayfa transition
- Üst seviyeye dön HTML DOM Style Nesnesi