Partager via


height

Définit la hauteur de l’objet.

Syntaxe

{ height:sHeight }

Valeurs possibles

sHeight

Variante qui spécifie ou reçoit l’une des valeurs suivantes :

auto

Valeur par défaut.

height

Nombre à virgule flottante suivi d’un indicateur d’unités absolues ( cm , mm , in , pt ou pc ) ou d’un indicateur d’unités relatives ( em , ex ou px ).

Pour plus d’informations sur les unités de longueur prises en charge, voir Référence des unités de longueur.

percentage

Entier suivi du signe de pourcentage (%). La valeur représente le pourcentage de la hauteur de l’objet parent, laquelle doit être spécifiée explicitement. Les valeurs négatives ne sont pas autorisées.

La propriété a pour valeur par défaut auto . Elle n’est pas héritée.

Remarques

Si vous spécifiez la propriété height d’un objet IMG, mais pas la propriété width , la largeur sera proportionnelle à la hauteur et sera calculée en fonction des dimensions du fichier image source.

Lorsque la déclaration !DOCTYPE ne spécifie pas de mode conforme aux normes, la propriété height inclut la zone de contenu de l’objet, ainsi que les valeurs des propriétés suivantes : border-top , border-bottom , padding-top et padding-bottom . En soustrayant la somme des valeurs de ces propriétés de la valeur de la propriété height , vous obtenez la hauteur de la zone de contenu de l’objet parent.

Exemples

Cet exemple utilise une feuille de style incluse pour définir la hauteur d’une image à 4 centimètres :

<img src="sphere.jpg" style="height:4cm">

Cet exemple utilise un script intraligne pour modifier la hauteur d'une image lorsqu'un événement onclick se produit :

<button onclick="height1.style.height='1cm'">Shrink sphere</button>

Informations relatives aux normes

Cette propriété est définie dans World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (World Wide Web Consortium (W3C) Document Object Model (DOM) Niveau 1) Ee371255.xtlink_newWindow(fr-fr,Expression.40).png et dans Cascading Style Sheets (CSS), Level 1 (CSS1) (Feuilles de style en cascade (CSS), Niveau 1 (CSS1)) Ee371255.xtlink_newWindow(fr-fr,Expression.40).png.

Applicable à

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, OPTION, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TD, TH, TR, TT, U, UL, VAR, XMP

Voir aussi

Concepts

width
border-top
border-bottom
padding-top
padding-bottom