Exemple
Régler la hauteur d'un <button> élément:
document.getElementById("myBtn").style.height = "50px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de hauteur ou retourne la hauteur d'un élément.
La propriété de la hauteur n'a d'effet que sur les éléments de type bloc ou sur des éléments à position absolue ou fixe. Le contenu débordement peut être manipulé avec la propriété de débordement.
Conseil: Utiliser la largeur propriété pour définir ou retourner la largeur d'un élément.
Support du navigateur
La propriété de la hauteur est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété de hauteur:
object .style.height
Définissez la propriété de hauteur:
object .style.height="auto| Valeurs de propriété Valeur La description auto Le navigateur définit la hauteur. Ce défaut est length Définit la hauteur en unités de longueur % Définit la hauteur en% de l'élément parent initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: auto Valeur de retour: Une chaîne, représentant la hauteur d'un élément version CSS CSS1
autres exemples
Exemple
Modifier la hauteur d'un <div> élément:
document.getElementById("myDIV").style.height = "500px"; Essayez vous - même »
Exemple
Changer la hauteur et la largeur d'un <img> élément:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Essayez vous - même »
Exemple
Retour la hauteur d'un <img> élément:
alert(document.getElementById("myImg").style.height);
Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Dimension
Tutoriel CSS: modèle CSS Box
Référence CSS: la height property
<Style objet