خصوصیت width
مثال (خصوصیت width)
تنظیم کردن ارتفاع و عرض پاراگراف:
{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
مثال - خودتان امتحان کنید
Set the width of an element using percent
در این مثال نحوه تنظیم width یک عنصر با استفاده از درصد مشخص شده است.
بیاموزهای مرتبط
CSS Box Model (بیاموز CSS)
height (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 8882
دیدگاه‌ها
داخل تعريف و کاربرد به جاي ارتفاع بنويسيد عرض هم چنين خط پايينش. اول خط هم يه با اضافه کنيد
ممنون.
اصلاح شد.