أحدث البرامج التعليمية وتطوير الشبكة
 

HTML height Attribute


تعريف واستخدام

و height تحدد السمة ارتفاع عنصر، في بكسل.


ينطبق على

و height السمة يمكن استخدامها على العناصر التالية:

عناصر السمة
<height> height
<embed> height
<iframe> height
<img> height
<input> height
<object> height
<video> height

أمثلة

Canvas مثال

و <canvas> العنصر مع ارتفاع وعرض 200 بكسل:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
انها محاولة لنفسك »

Embed مثال

الرسوم المتحركة فلاش مع ارتفاع وعرض 200 بكسل:

<embed src="helloworld.swf" width="200" height="200">
انها محاولة لنفسك »

Iframe مثال

و <iframe> مع ارتفاع معين وعرض 200 بكسل:

<iframe src="/default.html" width="200" height="200">
</iframe>
انها محاولة لنفسك »

Img مثال

صورة مع الطول والعرض من 42 بكسل:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
انها محاولة لنفسك »

Input مثال

تحديد صورة كما على زر إرسال، مع height و width سمات:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
انها محاولة لنفسك »

Object مثال

الرسوم المتحركة فلاش مع ارتفاع وعرض 400 بكسل ::

<object data="helloworld.swf" height="400" width="400"></object>
انها محاولة لنفسك »

Video مثال

وهناك لاعب الفيديو مع ارتفاع معين والعرض:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
انها محاولة لنفسك »

دعم المتصفح

و height السمة لديه دعم المتصفح التالي لكل عنصر من عناصر:

العنصر
canvas 4.0 تسعة 2.0 3.1 تسعة
embed نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا
iframe نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا
img نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا
input 1.0 نعم فعلا 16.0 نعم فعلا 1.0
object نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا
video نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا