خصوصیت position

مثال

مکان دهی عنصر <h2>

h2
{
position:absolute;
left:100px;
top:150px;
}

در انتهای این آموزش، مثال های بیشتری را خواهید دید.

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

با استفاده از خصوصیت position، می توان روش مکان دهی به یک عنصر را مشخص کرد (static, relative, absolute or fixed).

مقدار پیشفرض static
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.position="absolute"

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

    

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

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

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

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

موقعيت عنصر در همان جايي که کد آنها را مي نويسيد ديده مي شود.
absolute

موقعيت عنصر نسبت به اولین عنصر والدش که مکان دهی شده است (گه مکان دهی استاتیک نباشد) نمايش داده مي شود.
fixed

موقعیت عنصر نسبت به پنجره مرورگر مکان دهی می شود. به عبارت دیگر، موقعيت عنصر حتي در صورتي که به بالا و پايين صفحه برويم(scrolled) يا اندازه پنجره مرورگر را تغييردهيم، در همان موقعيت قبلي باقي مي ماند.
relative

يک عنصر نسبت به مکان عادي خودش، مکان دهي مي شود.
inherit

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