خصوصیت height

مثال

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

p.ex
{
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 تعيين مي کند که بايد از والدش، ارث بري داشته باشد.