En son web geliştirme öğreticiler
 

HTML height Attribute


Tanımı ve Kullanımı

height nitelik piksel cinsinden elemanın yüksekliğini belirler.


Geçerli

height özelliği, aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<height> height
<embed> height
<iframe> height
<img> height
<input> height
<object> height
<video> height

Örnekler

Canvas Örnek

Bir <canvas> bir yüksekliğe ve 200 piksel genişliğe sahip öğe:

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

Embed Örnek

bir yüksekliğe ve 200 piksel genişliğe sahip bir flaş animasyon:

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

Iframe Örnek

Bir <iframe> belirli bir yükseklik ve 200 piksel genişliğe sahip:

<iframe src="/default.html" width="200" height="200">
</iframe>
Kendin dene "

Img Örnek

42 piksel yüksekliğe ve genişliğe sahip bir görüntü:

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

Input Örnek

Ile Gönder düğmesini gibi bir görüntüyü tanımla height ve width nitelikler:

<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>
Kendin dene "

Object Örnek

400 piksel yüksekliğe ve genişliğe sahip bir flaş animasyon ::

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

Video Örneği

Belirtilen yükseklik ve genişlikte olan bir video oynatıcı:

<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>
Kendin dene "

Tarayıcı Desteği

height özellik, her element için şu tarayıcı desteği vardır:

Eleman
canvas 4.0 9.0 2.0 3.1 9.0
embed Evet Evet Evet Evet Evet
iframe Evet Evet Evet Evet Evet
img Evet Evet Evet Evet Evet
input 1.0 Evet 16.0 Evet 1.0
object Evet Evet Evet Evet Evet
video Evet Evet Evet Evet Evet