توابع ترجمهX() CSS

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

CSS ترجمهX() توابعی که به شما اجازه می‌دهند عناصر را در محور x (جهت افقی) مجدد کنید.

ترجمهX() توابع در ترجمه در استفاده از ویژگی.

مثال

محل‌گذاری مجدد عمودی مختلف <div> عناصر:

#myDiv1 {
  ترجمه: ترجمهX(50px); /* حرکت عنصر در محور x به سمت راست به میزان 50px */
}
#myDiv2 {
  ترجمه: ترجمهX(100px); /* حرکت عنصر در محور x به سمت راست به میزان 100px */
}
#myDiv3 {
  ترجمه: ترجمهX(-10px); /* حرکت عنصر در محور x به سمت چپ به میزان -10px */
}

آزمایش کنید

زبان CSS

ترجمهX(x)
مقدار توضیح
x ضروری. فاصله حرکت عنصر در محور x را تعریف می‌کند، می‌تواند عدد یا درصد باشد.

جزئیات فنی

نسخه: مستند CSS Transforms Module Level 1

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

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

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

مقابل صفحات

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

مطالعه:CSS transform پراپرٹی

مطالعه:CSS translate() فانکشن

مطالعه:CSS translateY() فانکشن

مطالعه:HTML DOM transform پراپرٹی