HTML hauteur Attribut


Définition et Utilisation

L'attribut height spécifie la hauteur de l'élément en pixels.


S'applique à

L'attribut height peut être utilisé sur les éléments suivants :

Éléments Attribut
<canvas> height
<embed> height
<iframe> height
<img> height
<input> height
<object> height
<video> height

Exemples

Exemple de Canvas

Un élément <canvas> avec une hauteur et une largeur de 200 pixels :

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Essayez-le vous-même »

Exemple d'Embed

Un élément <embed> avec une hauteur et une largeur de 200 pixels :

<embed type="image/jpg" src="pic_trulli.jpg" width="200" height="200">
Essayez-le vous-même »

Exemple d'Iframe

Un <iframe> avec une hauteur et une largeur spécifiées de 200 pixels :

<iframe src="/default.asp" width="200" height="200">
</iframe>
Essayez-le vous-même »

Exemple d'Image

Une image avec une hauteur de 600 pixels et une largeur de 500 pixels :

<img src="img_girl.jpg" alt="Fille en veste" width="500" height="600">
Essayez-le vous-même »

Exemple d'Input

Définir une image comme bouton de soumission, avec des attributs de hauteur et de largeur :

<form action="/action_page.php">
Prénom : <input type="text" name="fname"><br>
Nom : <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Soumettre" width="48" height="48">
</form>
Essayez-le vous-même »

Exemple d'Object

Un élément <object> avec une hauteur de 200 pixels et une largeur de 300 pixels :

<object data="pic_trulli.jpg" width="300" height="200"></object>
Essayez-le vous-même »

Exemple de Vidéo

Un lecteur vidéo avec une hauteur et une largeur spécifiées :

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Votre navigateur ne prend pas en charge la balise vidéo.
</video>
Essayez-le vous-même »

Support des Navigateurs

L'attribut height est pris en charge par les navigateurs suivants pour chaque élément :

Élément
canvas 4.0 9.0 2.0 3.1 9.0
embed Oui Oui Oui Oui Oui
iframe Oui Oui Oui Oui Oui
img Oui Oui Oui Oui Oui
input 1.0 Oui 16.0 Oui 1.0
object Oui Oui Oui Oui Oui
video Oui Oui Oui Oui Oui