ویژگی Style top
- صفحه قبل textTransform
- صفحه بعدی transform
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
top ویژگی برای تنظیم یا بازگشت موقعیت بالا عنصر جستجو شده.
این ویژگی موقعیت بالا عنصر را تعیین می‌کند، شامل حاشیه داخلی، نوارهای کششی، حاشیه‌های کناری و حاشیه‌های بیرونی.
توضیحات:عناصر جستجو شده به عنوان عنصر ویژگی position تنظیم به:relativeوabsolute یا fixed.
توضیحات:برای تنظیم یا بازگشت موقعیت پایین عنصر جستجو شده، از ویژگی bottom.
لطفاً به
آموزش CSS:محاسبه CSS
دستورالعمل CSS:ویژگی top
مثال
مثال 1
تنظیم موقعیت بالا عناصر <button>:
document.getElementById("myBtn").style.top = "100px";
مثال 2
از مقادیر منفی استفاده کنید - تنظیم موقعیت بالا عناصر <div>:
document.getElementById("myDiv").style.top = "-100px";
مثال 3
بازگشت موقعیت بالا عناصر <div>:
alert(document.getElementById("myDiv").style.top);
نحوه‌ی نوشتن
بازگشت ویژگی top:
object.style.top
تنظیم ویژگی top:
object.style.top = "auto|length|%|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| auto | موقعیت بالا را به عهده بروزر بسپارید. پیش‌فرض. |
| length | موقعیت بالا را با واحد اندازه‌گیری طول تعریف کنید. مقادیر منفی مجاز هستند. |
| % | موقعیت بالا را با درصد ارتفاع عنصر والد تنظیم کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | بدون |
|---|---|
| مقدار بازگشتی: | رشته‌ای که موقعیت بالا عناصر جستجو شده را نشان می‌دهد. |
| نسخه CSS: | CSS2 |
بروزر پشتیبانی می‌کند
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل textTransform
- صفحه بعدی transform
- برگشت به لایه بالاتر اجزای Style HTML DOM
