Propriété height du style

Définition et utilisation

height Définit ou retourne la hauteur de l'élément.

height Cette propriété ne s'applique qu'aux éléments en bloc ou aux éléments avec une position absolu ou fixe. Le contenu en excès peut être géré avec Propriété overflow pour opérer.

Astuce :Utilisez Propriété width Définir ou retourner la largeur de l'élément.

Voir également :

Tutoriel CSS :Dimension CSS

Tutoriel CSS :Modèle de boîte CSS

Guide CSS :Propriété height

Exemple

Exemple 1

Définir la hauteur de l'élément <button> :

document.getElementById("myBtn").style.height = "50px";

Essayer par vous-même

Exemple 2

Changer la hauteur de l'élément <div> :

document.getElementById("myDIV").style.height = "500px";

Essayer par vous-même

Exemple 3

Modifier la hauteur et la largeur de l'élément <img> :

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Essayer par vous-même

Exemple 4

Retour de la hauteur de l'élément <img> :

alert(document.getElementById("myImg").style.height);

Essayer par vous-même

Syntaxe

Retourner la propriété height :

object.style.height

Définir la propriété height :

object.style.height = "auto|length|%|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Hauteur définie par le navigateur. Par défaut.
length Définit la hauteur en unité de longueur.
% Defini la hauteur en pourcentage par rapport à l'élément parent.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Une chaîne de caractères, représentant la hauteur de l'élément.
Version CSS : CSS1

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support