‎‎ويژگيHTML height

Previous > <Next

‎صفتheightصفتي است كه با استفاده ازآن ميتوان اندازه ارتفاع يك تگ را مشخص وتعريف نمود .براي ‎مشخص نمودن عرض يك تگ هم از ويژگيwidth استفاده ميگردد . واحد اين دو ويژگي پيكسل ‎(px)‎ميباشد وبصورت پيش فرض براي آنها منظور ميشود .

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎ويژگي‎height‎ ارتفاع عنصررا برحسب پيكسل مشخص ميكند .

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق را در عناصر مشخص شده در جدول زير ميتوان استفاده نمود.

‎
‎‎عنصر	‎‎شــرح
‎<canvas>	‎‎يك بوم نقاشي تعريف مي نمايد .از جاوااسكريپت براي گرافيك روي بوم استفاده ميشود.
‎<embed>	‎‎يك محفظه براي يك برنامه بيروني را معرفي ميكند.
‎<iframe>	‎‎يك فريم برخط تعريف مي نمايد.
‎<img>	‎‎يك تصوير راتعريف مي نمايد.
‎<input>	‎‎يك كنترل ورودي را تعريف ميكند.
‎<object>	‎‎محفظه اي براي برنامه خارجي تعريف مي نمايد.
‎<video>	‎‎محتوي ويدئوئي تعبيه شده را تعريف ميكند.

‎‎مثالCanvas ـ يك عنصر بوم با تنظيم عرض وارتفاع200 پيكسل

‎

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">

‎‎مثالEmbed ـ يك انيميشن فلش با تنظيم عرض وارتفاع200 پيكسل

‎

<embed src="helloworld.swf" width="200" height="200">

‎‎مثالIframe ـ يك عنصر ‎<ifame>‎ با عرض وارتفاع200پيكسل

‎

<iframe src="/default.asp" width="200" height="200">
</iframe >

‎‎مثالImg ـ يك عنصر تصوير با عرض وارتفاع42 پيكسل

‎

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

‎‎مثالInput ـ يك دكمه تصويري براي submit با تنظيم عرض وارتفاع

‎

 <form action="/action_page.php">
  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>

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎در جدول زير وضعيت پشتيباني مرورگرها از ويژگي فوق وعناصر مرتبط مشخص شده است.

‎
‎‎عنصر
‎embed‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎
‎canvas‎	‎‎4.0‎	‎‎9.0‎	‎‎2.0‎	‎‎3.1‎	‎‎9.0‎
‎iframe‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎
‎img‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎
‎input‎	‎‎1.0‎	‎Yes‎	‎‎16.0‎	‎Yes‎	‎‎1.0‎
‎object‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎
‎video‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎