Hauteur de style Propriété
Exemple
Définissez la hauteur d'un élément <button> :
document.getElementById("myBtn").style.height = "50px";
Définition et utilisation
La propriété height définit ou renvoie la hauteur d'un élément.
La propriété height n'a d'effet que sur les éléments de niveau bloc ou sur les éléments avec une position absolue ou fixe. Le contenu débordant peut être manipulé avec la propriété overflow.
Astuce : Utilisez la propriété width pour définir ou renvoyer la largeur d'un élément.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété hauteur :
object.style.height
Définissez la propriété height :
object.style.height = "auto|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
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 |
Plus d'exemples
Exemple
Modifiez la hauteur d'un élément <div> :
document.getElementById("myDIV").style.height = "500px";
Exemple
Modifiez la hauteur et la largeur d'un élément <img> :
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Exemple
Renvoie la hauteur d'un élément <img> :
alert(document.getElementById("myImg").style.height);
Pages connexes
Tutoriel CSS : Dimension CSS
Tutoriel CSS : Modèle CSS Box
Référence CSS : propriété hauteur
❮ Objet de style