خصوصیت width

مثال

تنظیم کردن ارتفاع و عرض پاراگراف:

		p.ex

		{

		height:100px;

		width:100px;

		}

خودتان امتحان کنید »

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

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

استفاده از خصوصیت width می توان ارتفاع عناصر را تنظیم کرد.

توجه: خصوصیت width شامل padding، border و margin نمی شود؛ در واقع این خصوصیت ارتفاع محوطه داخل padding، border و margin را تنظیم می کند.

توجه: خصوصیت های max-width و min-width بر خصوصیت width غلبه می کنند.

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

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

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

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

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

مقدار	توضیحات	نمایش دادن
auto	مرورگر عرض عنصر را محاسبه می کند. این مقدار پیش فرض است.	نمایش دادن »
length	عرض عنصر را در واحدهای پیکس و سانتی متر و غیره مشخص می کند.	نمایش دادن »
%	عرض یک عنصر را نسبت به عنصر والدش به درصد مشخص می کند.	نمایش دادن »
inherit	تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت width

مثال

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

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

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

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

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