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) et dans Cascading Style Sheets (CSS), Level 1 (CSS1) (Feuilles de style en cascade (CSS), Niveau 1 (CSS1)) .
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