اقتراح الدورة

وظيفة scale() في CSS

التعريف والاستخدام scale() CSS

scale() الوظيفة تستخدم لتوسيع العناصر (العرض و الارتفاع).

scale() الوظيفة تعرف القيمة التوسيع للعناصر في اتجاه x و y. transform في استخدام الخاصية.

مثال

مثال 1

استخدام scale() توسيع عدة عناصر <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

جرب بنفسك

مثال 2

استخدام scale() توسيع الصور:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

جرب بنفسك

القواعد النصية لـ CSS

scale(sx, sy)

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.

الصفحات ذات الصلة

تعليمات:تحويل CSS 2D

المرجع:خصائص transform CSS

المرجع:خصائص scale CSS

المرجع:دالة scale3d() CSS

المرجع:دالة scaleX() CSS

المرجع:دالة scaleY() CSS