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