صفت خصوصی height در HTML
در این مقاله از سایت آموزی جهت استفاده شما همراهان محترم به معرفی و کاربرد صفت خصوصی height در HTML می پردازیم.
صفت height مخصوص تگ canvas ، تگ embed ، تگ iframe ، تگ img ، تگ input ، تگ object و تگ video می باشد.
معرفی و کاربرد صفت خصوصی height در HTML
ویژگی خصوصی height مخصوص تگ canvas ، تگ embed ، تگ iframe ، تگ img ، تگ input ، تگ object و تگ video می باشد.
خاصیت height برای تگ های مذکور ارتفاع محتوای این عناصر html را تعیین می کند. لازم به ذکر است که صفت height ، ارتفاع عناصر مذکور را براساس واحد px ( پیکسل ) مشخص می نماید.
مثال در مورد استفاده از ویژگی خصوصی height درون عنصر canvas
<canvas id=”myCanvas” width=”200″ height=”200″ style=”border:1px solid”>
Your browser does not support the HTML5 canvas tag.
</canvas>
خروجی کد در مرورگر اینترنتی
مثال در مورد استفاده از ویژگی خصوصی height درون عنصر embed
<embed src=”siteamoozi.swf” width=”200″ height=”200″ style=”border:1px solid”>
مثال در مورد استفاده از ویژگی خصوصی height درون تگ iframe
<iframe src=”/siteamoozi.asp” width=”200″ height=”200″>
<p>Your browser does not support iframes.</p>
</iframe>
مثال در مورد استفاده از ویژگی خصوصی height درون عنصر img
<img src=”siteamoozi-home.png” alt=”Smiley face” height=”100″ width=”100″>
خروجی کد در مرورگر اینترنتی استفاده ویژگی height در عنصر img
تگ img
مثال در مورد استفاده از ویژگی خصوصی height درون تگ input
<form action=”//action_siteamoozi.php”>
First name: <input type=”text” name=”fname”><br>
Last name: <input type=”text” name=”lname”><br>
<input type=”image” src=”logo2.png” alt=”Submit” width=”48″ height=”48″>
</form>
مثال در مورد استفاده از صفت خصوصی height در HTML درون عنصر object
<object data=”siteamoozi.swf” height=”400″ width=”400″></object>
مثال در مورد استفاده از صفت خصوصی height در HTML درون عنصر video
<video width=”320″ height=”240″ controls>
<source src=”siteamoozi.mp4″ type=”video/mp4″>
<source src=”siteamoozi.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>
بررسی ویژگی خصوصی height در سند html 4.0.1 و HTML5
ویژگی خصوصی headers یک صفت جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود ندارد.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از ویژگی height درون عنصر canvas ، عنصر embed ، عنصر iframe ، عنصر img ، عنصر input ، عنصر object و عنصر video
تگ | ![]() | ![]() | ![]() | ![]() | ![]() |
canvas | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
embed | بله | بله | بله | بله | بله |
iframe | بله | بله | بله | بله | بله |
img | بله | بله | بله | بله | بله |
input | 1.0 | بله | 16.0 | بله | 1.0 |
object | بله | بله | بله | بله | بله |
video | بله | بله | بله | بله | بله |
پیوندهای مهم و کاربردی
صفت خصوصی height در HTML | درون تگ img و input – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید