مثال
تعيين وضع قاعدة عنصر استدارة في:
document.getElementById("myDIV").style.transformOrigin = "0 0";
انها محاولة لنفسك » تعريف والاستخدام
الخاصية transformOrigin يسمح لك لتغيير موقفها من عناصر تحويلها.
2D عنصر تحولت يمكن تغيير X- والعمودي للعنصر. يمكن 3D عنصر تحولت أيضا تغيير ض محور العنصر.
Note: يجب استخدام هذه الخاصية مع تحويل الملكية.
دعم المتصفح
ويدعم خاصية transformOrigin في Internet Explorer 10، فايرفوكس، وأوبرا.
إنترنت إكسبلورر 9 يدعم بديل، الخاصية msTransformOrigin، ولكن فقط ل2D-التحويلات.
كروم، سفاري، وأوبرا دعم بديل، الخاصية WebkitTransformOrigin، على حد سواء 2D- و 3D-transfoms.
بناء الجملة
إعادة الممتلكات transformOrigin:
object .style.transformOrigin تعيين الخاصية transformOrigin:
object .style.transformOrigin=" قيم الممتلكات القيمة وصف x-axis تحديد حيث يتم وضع عرض في محور س. القيم الممكنة: - اليسار
- مركز
- حق
- length
- %
y-axis تحديد حيث يتم وضع عرض في المحور الصادي. القيم الممكنة: - أعلى
- مركز
- الأسفل
- length
- %
z-axis تحديد حيث يتم وضع عرض في محور ض (for 3D transforms) . القيم الممكنة: - length
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: 50٪ 50٪ 0 قيمة الإرجاع: A سلسلة، تمثل الممتلكات تحويل الأصل عنصر صفحة CSS CSS3
صفحات ذات صلة
كائن جافا سكريبت نمط: transform property
CSS إشارة: transform-origin property
<كائن نمط