English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @ RULES CSS

大全 des propriétés CSS

Méthode d'utilisation et exemples de l'attribut height CSS

L'attribut height CSS spécifie la hauteur de la zone de contenu d'un élément. La zone de contenu ne comprend pas le rembourrage, la bordure ou la marge, pour plus d'informations, veuillez consulterModèle de boîte CSS

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.

Valeur par défaut :auto
Applicable à :Mis à part les éléments intégrés non remplacés,
Tous les éléments en dehors des lignes et des groupes de lignes
Héritage :Non
Animable :Oui.Veuillez consulter Attributs d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.height="100px"

Syntaxe de l'utilisation de height

La syntaxe de cette propriété est la suivante :

height: length | percentage | auto | initial | inherit

Les exemples suivants montrent comment utiliser l'attribut height.

  p {
   height: 50px;
   background-color: #f0e68c;
  }
Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthSpécifier la hauteur en px, pt, cm, em, etc. La hauteur ne peut pas être négative.
percentageSpécifier la hauteur en pourcentage. Le pourcentage est calculé par rapport à la hauteur du conteneur de l'élément. Les valeurs négatives en pourcentage ne sont pas autorisées.
autoLe navigateur calcule la hauteur de l'élément spécifié en fonction des valeurs d'autres attributs. C'est la valeur par défaut.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la valeur de l'attribut height de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour l'attribut height ; les numéros dans le tableau indiquent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels concernant les sujets suivants :Modèle de boîte CSSTaille CSS

Attributs associés :max-heightmin-height