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

manuel de référence CSS

règles CSS (RULES)

大全 des propriétés CSS

CSS max-Méthode d'utilisation et exemple de la propriété height

max-La propriété height CSS spécifie la hauteur maximale de la zone de contenu de l'élément. Cette hauteur maximale ne comprend pas le rembourrage, la bordure ou la marge.-Pour plus d'informations, veuillez consulterModèle CSS box

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

Valeur par défaut :none
Appliqué à :Tous les éléments, sauf les éléments intégrés non remplacés, les lignes de tableau et les groupes de lignes
Héritage :Non
Animable :Est-ce queVeuillez consulter Attributs d'animation
Version :CSS 2、3
Syntaxe JavaScript :object.style.maxHeight="200px"

max-Syntaxe de l'utilisation de height

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

max-height: length | percentage | none | initial | inherit

Les exemples suivants montrent comment utiliser max-propriété height.

  p {
   max-height: 100px;
  }
  div {
   height: 200px;
   max-height: 100px;
  }
Voyons‹/›

Valeur de l'attribut

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

ValeurDescription
lengthSpécifiez la hauteur maximale, en px, pt, cm, em, etc. Les valeurs négatives ne sont pas autorisées.
percentageSpécifiez la hauteur maximale en pourcentage. Le pourcentage est calculé par rapport à la hauteur du bloc englobant de l'élément. Les valeurs en pourcentage négatives ne sont pas autorisées.
noneLa hauteur n'a pas de valeur maximale. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise le max de l'élément parent-La valeur de la propriété height.

Compatibilité du navigateur

max-La compatibilité du navigateur pour la propriété height. Les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Lisez la suite

Veuillez consulter les tutoriels concernant les sujets suivants :CSS Box modèleCSS dimension

Propriétés associées :heightmin-height