خصوصیت bottom
مثال (خصوصیت bottom)
لبه پایینی تصویر را نسبت به لبه پایینی عنصر والدش، 5 پیکسل بالاتر می برد.
{
position:absolute;
bottom:5px;
}
تعریف و کاربرد
برای عناصری که مکان آن ها absolute است، ویژگی bottom لبه پایینی عنصر را نسبت به عنصر والدش، بالا یا پایین می برد.
برای عناصری که مکان آن ها relative است، ویژگی bottom لبه پایینی عنصر را نسبت به مکان خودش، بالا یا پایین می برد.
توجه: اگر ویژگی position دارای مقدار static باشد ("position:static") مقدار دهی به ویژگی bottom هیچ اثری ندارد.
| مقدار پیشفرض | auto |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.bottom="50px" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت bottom را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| auto | مقدار پیش فرض می باشد، به مرورگر اجازه می دهد که مکان لبه پایینی عنصر را محاسبه کند. | نمایش دادن » |
| length |
اجازه می دهد که لبه پایینی در px، cm، و غیره مقدار دهی شود. مقادیر منفی نیز قابل قبول است. |
نمایش دادن » |
| % |
مکان لبه پایینی را نسبت به والدش به صورت درصدی محاسبه می کند. مقادیر منفی نیز غیر قابل قبول است. |
نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Position (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6775
