Propriété max-height de CSS

Définition et utilisation

L'attribut max-height définit la hauteur maximale de l'élément.

Explication

Cette valeur de propriété fixe une limite supérieure pour la hauteur de l'élément. Par conséquent, l'élément peut être plus court que la valeur spécifiée, mais pas plus haut. Il n'est pas autorisé de spécifier une valeur négative.

Remarque :L'attribut max-height ne comprend pas la marge, la bordure et l'espace interne.

Voir également :

Tutoriel CSS :Taille CSS

Tutoriel CSS :Attribut min-height

Manuel de référence HTML DOM :Attribut maxHeight

Exemple

Définir la hauteur maximale d'un paragraphe :

p
  {
  max-height:100px;
  }

Essayer moi-même

Syntaxe CSS :

max-height:none;length|initial|hériter;

Valeur de l'attribut

Valeur Description
aucune Par défaut. Définit qu'il n'y a pas de restriction sur la hauteur maximale autorisée de l'élément.
length Définit la valeur maximale de la hauteur de l'élément.
% Définit la hauteur maximale en pourcentage de l'objet conteneur en bloc.
hériter Définit que la valeur de la propriété max-height doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.maxHeight="50px"

Essayer moi-même l'exemple

Définir la hauteur maximale d'un élément
Cet exemple montre comment définir la hauteur maximale d'un élément.

Prise en charge du navigateur

Les nombres 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 7.0 1.0 2.0.2 7.0