توابع translateY() CSS

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

CSS translateY() این توابع به شما اجازه می‌دهد تا عنصر را در محور y (عمودی) تعیین مجدد کنید.

translateY() توابع در تغییر در استفاده از این خاصیت.

مثال

تعیین مجدد موقعیت عمودی برای عناصر مختلف <div>:

#myDiv1 {
  transform: translateY(30px); /* حرکت عنصر به سمت پایین 30px در محور y */
}
#myDiv2 {
  transform: translateY(50px); /* حرکت عنصر به سمت پایین 50px در محور y */
}
#myDiv3 {
  transform: translateY(-10px); /* حرکت عنصر به سمت پایین -10px در محور y */
}

آزمایش کنید

نوع دستور CSS

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

جزئیات فنی

نسخه: مодуل تغییرات CSS سطح 1

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

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

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

صفحات مرتبط

تدریس:تغییرات 2D CSS

منابع:ویژگی transform CSS

منابع:توابع translate() CSS

منابع:توابع translateX() CSS

منابع:ویژگی transform HTML DOM