آموزش صفت Height در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Height در HTML با من همراه باشید.

آموزش صفت Height در HTML

Free-Learn

صفت Height در HTML

صفت height صفتی است که میتوان با استفاده از آن اندازه ارتفاع (Height) یک تگ را بصورت عددی (پیکسلی) (px) مشخص کرد.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<iframe> <embed> <canvas>
<object> <input> <img>
<video>

Free-Learn

مثال از صفت Height در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در تگ Canvas

امتحان کنید

مثال شماره ۲ : استفاده در تگ Embed

امتحان کنید

مثال شماره ۳ : استفاده در تگ Iframe

امتحان کنید

مثال شماره ۴ : استفاده در تگ Img

امتحان کنید

مثال شماره ۵ : استفاده در تگ Input

امتحان کنید

مثال شماره ۶ : استفاده در تگ Object

امتحان کنید

مثال شماره ۷ : استفاده در تگ Video

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت height در HTML پشتیبانی میکنند یا خیر.

نام تگ Chrome Firefox Opera Safari IE
canvas ۴٫۰ ۲٫۰ ۹٫۰ ۳٫۰ ۹٫۰
embed بله بله بله بله بله
iframe بله بله بله بله بله
img بله بله بله بله بله
input ۱٫۰ ۱۶٫۰ ۱٫۰ بله بله
object بله بله بله بله بله
video بله بله بله بله بله

Free-Learn

نکات و توضیحات

مقداری که باید در صفت Height وارد کرد , باید بصورت عددی باشد بدون هیچ پیشوند و پسوندی (مثله: ۱۰۰ یا ۲۰۰ و.. ) و بصورت پیش فرض واحد این عدد پیکسل (Px) می باشد.

با استفاده از صفت Height میتوان اندازه ارتفاع و با استفاده از صفت Width میتوان اندازه عرض یک عنصر (تگ) را مشخص کرد.

سعی کنید همیشه اندازه عرض و ارتفاع یک تگ مثله (Img,Iframe و..) را برای نماش هرچه بهتر در مرورگرها و بهینه بودن مشخص نمایید.

Free-Learn