تحويل النمط _
مثال
تعيين الوضع الأساسي لعنصر تم تدويره:
document.getElementById("myDIV").style.transformOrigin = "0 0";
التعريف والاستخدام
تتيح لك خاصية transformOrigin تغيير موضع العناصر المحوّلة.
يمكن للعنصر المحول ثنائي الأبعاد تغيير المحور السيني والصادي للعنصر. يمكن للعنصر المحول ثلاثي الأبعاد أيضًا تغيير المحور z للعنصر.
ملاحظة: يجب استخدام هذه الخاصية مع خاصية التحويل .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
بناء الجملة
إرجاع خاصية convertOrigin:
object.style.transformOrigin
قم بتعيين خاصية transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
قيم الملكية
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 50٪ 50٪ 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية تحويل الأصل لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
كائن نمط جافا سكريبت: خاصية التحويل
مرجع CSS: خاصية تحويل الأصل
❮ نمط الكائن