Attribut height CSS

Définition et utilisation

La propriété height définit la hauteur de l'élément.

Explication

Cette propriété définit la hauteur de la zone de contenu de l'élément, où l'on peut ajouter des marges internes, des bordures et des marge externes en dehors de la zone de contenu.

Les éléments en ligne non substitués ignorent cette propriété.

Voir également :

Tutoriel CSS :Tailles CSS

Tutoriel CSS :Aperçu du modèle de boîte CSS

Manuel de référence CSS :Propriété width

Manuel de référence HTML DOM :Propriété height

Exemple

Définir la hauteur et la largeur des paragraphes :

p
  {
  height:100px;
  width:100px;
  }

Essayez-le vous-même

Syntaxe CSS

height: auto|length|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Par défaut. Le navigateur calcule la hauteur réelle.
length Définir la hauteur en utilisant des unités telles que px, cm, etc.
% Basée sur la hauteur en pourcentage de l'élément en bloc qui le contient.
inherit Définit que la valeur de la propriété height doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : auto
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.height="50px"

Exemple TIY

Définir la hauteur de l'image en pixels
Cet exemple montre comment utiliser des valeurs en pixels pour définir la hauteur d'un élément.
Définir la hauteur de l'image en pourcentage
Cet exemple montre comment utiliser les pourcentages pour définir la hauteur d'un élément.

Support du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0