خصوصیت height
مثال (خصوصیت height)
تنظیم کردن ارتفاع و عرض پاراگراف:
p.ex
{
height:100px;
width:100px;
}
خودتان امتحان کنید »
{
height:100px;
width:100px;
}
در انتهای این آموزش، مثال های بیشتری را خواهید دید.
تعریف و کاربرد
با استفاده از خصوصیت height می توان ارتفاع عناصر را تنظیم کرد.
توجه: خصوصیت height شامل padding، border و margin نمی شود؛ در واقع این خصوصیت ارتفاع محوطه داخل padding، border و margin را تنظیم می کند.
توجه: خصوصیت های max-height و min-height بر خصوصیت height غلبه می کنند.
| مقدار پیشفرض | auto |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.height="50px" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت hieght را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| auto | مرورگر ارتفاع را محاسبه می کند. این مقدار پیش فرض است. | نمایش دادن » |
| length | ارتفاع را در واحدهای پیکس و سانتی متر و غیره مشخص می کند. | نمایش دادن » |
| % | ارتفاع یک عنصر را نسبت به عنصر والدش به درصد مشخص می کند. | |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
مثال - خودتان امتحان کنید
Set the height of an image using percent
در این مثال نحوه تنظیم height یک عنصر با استفاده از درصد مشخص شده است.
بیاموزهای مرتبط
CSS Box Model (بیاموز CSS)
CSS width (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7720
