خصوصیت 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	تعیین می کند که باید از عنصر والدش ارث بری داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت position

مثال

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

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

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

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.