توابع scaleX() CSS

تعریف و استفاده

CSS scaleX() توابع برای گسترش افقی عناصر استفاده می‌شوند.

scaleX() افزودن یا کاهش عرض عناصر.

scaleX() توابع در تبدیل در استفاده از این ویژگی.

مثال

مثال 1

استفاده از scaleX() گسترش عرض چندین عناصر <div>:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

آزمایش کنید

مثال 2

استفاده از scaleX() گسترش عرض تصویر:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

آزمایش کنید

نوع نوشتار CSS

scaleX(s)
مقدار توضیح
s ضروری. عددی که مقیاس عرض را مشخص می‌کند.

جزئیات فنی

نسخه: موقعه CSS Transforms Level 1

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این عملکرد را کامل پشتیبانی می‌کنند.

کروم ایج فایرفاکس سافاری آپرا
1 12 3.5 3.1 10.5

مربوط پیج

تعلیم:CSS 2D تبدیلی

مطالعات:CSS ترنسمفورم پراپرٹی

مطالعات:CSS scale کا حصہ

مطالعات:CSS اسکال() فانکشن

مطالعات:CSS اسکال3د() فانکشن

مطالعات:CSS اسکالای() فانکشن