خصوصیت top

مثال (خصوصیت top)


لبه بالایی تصویر را نسبت به لبه پایینی عنصر والدش،  5 پیکسل پایین تر می برد.

img
{
position:absolute;
top:5px;
}
خودتان امتحان کنید »

تعریف و کاربرد

برای عناصری که مکان آن ها absolute است، ویژگی top لبه بالایی عنصر را نسبت به عنصر والدش، بالا یا پایین می برد.

برای عناصری که مکان آن ها relative است، ویژگی top لبه بالایی عنصر را نسبت به مکان خودش، بالا یا پایین می برد.

توجه: اگر ویژگی position دارای مقدار static باشد ("position:static") مقدار دهی به خصوصیت top هیچ اثری ندارد.

مقدار پیشفرضauto
ارث بریخیر
نسخهCSS2
JavaScript ساختارobject.style.top="50px"

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

تمام مرورگرهای اصلی، خصوصیت top را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
auto

مقدار پیش فرض می باشد، به مرورگر اجازه می دهد که مکان لبه بالایی عنصر را محاسبه کند.

نمایش دادن »
length

اجازه می دهد که لبه بالایی در px، cm، و غیره مقدار دهی شود. مقادیر منفی نیز قابل قبول است.

نمایش دادن »
%

مکان لبه بالایی را نسبت به والدش به صورت درصدی محاسبه می کند. مقادیر منفی نیز غیر قابل قبول است.

نمایش دادن »
inheritتعیین می کند که باید از والدش، ارث بری داشته باشد. 

بیاموزهای مرتبط

CSS Position (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان