Atribut tinggi HTML


Definisi dan Penggunaan

Atribut heightmenentukan tinggi elemen, dalam piksel.


Berlaku untuk

Atribut heightdapat digunakan pada elemen berikut:

Elemen Atribut
<kanvas> tinggi
<sematkan> tinggi
<iframe> tinggi
<img> tinggi
<masukan> tinggi
<objek> tinggi
<video> tinggi

Contoh

Contoh Kanvas

Elemen <canvas> dengan tinggi dan lebar 200 piksel:

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

Sematkan Contoh

Animasi flash dengan tinggi dan lebar 200 piksel:

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

Contoh iframe

Sebuah <iframe> dengan tinggi dan lebar 200 piksel yang ditentukan:

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

Contoh img

Gambar dengan tinggi dan lebar 42 piksel:

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

Contoh Masukan

Tentukan gambar sebagai tombol kirim, dengan atribut tinggi dan lebar:

<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>

Contoh Objek

Animasi flash dengan tinggi dan lebar 400 piksel ::

<object data="helloworld.swf" height="400" width="400"></object>

Contoh Video

Pemutar video dengan tinggi dan lebar tertentu:

<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>

Dukungan Peramban

Atribut heightmemiliki dukungan browser berikut untuk setiap elemen:

Element
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