ويژگيHTML width

Previous > <Next

‎صفتwidth صفتي است كه با استفاده ازآن ميتوان اندازه عرض يك تگ را مشخص وتعريف نمود .براي ‎مشخص نمودن ارتفاع يك تگ هم از ويژگيheight استفاده ميگردد .

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

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

‎

‎توجه ـ ويژگي فوق براي عنصر <input type="image"> ‎استفاده ميشود، وبراي انواع ديگر ورودي نميبا شد.

‎‎كاربرد ويژگي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 ـ با عرض و ارتفاع200 پيكسل

‎

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

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

‎

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

‎‎مثالInput ـ تصوير بعنوان دكمه ارسال با مشخص نمودن ابعاد

‎

<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" width="400" height="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 -‎

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

‎
‎‎عنصر
‎canvas‎	‎‎4.0‎	‎‎9.0‎	‎‎2.0‎	‎‎3.1‎	‎‎9.0‎
‎embed‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎	‎Yes‎
‎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