وظيفة scaleY() في CSS

التعريف والاستخدام

في CSS scaleY() الوظيفة تستخدم لتوسيع العناصر بشكل رأسي.

scaleY() زيادة أو تقليل إرتفاع العنصر.

scaleY() الوظيفة في تحويل في استخدام الخاصية.

مثال

مثال 1

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

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

تجربة شخصية

مثال 2

استخدام scaleY() توسيع إرتفاع الصورة:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

تجربة شخصية

نص CSS

scaleY(s)

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

دعم المتصفح

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

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

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

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

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

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

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

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