Propriété CSS max-height
Exemple
Définissez la hauteur maximale d'un élément <p> sur 50 pixels :
p.ex1
{
max-height: 50px;
}
Définition et utilisation
La max-height
propriété définit la hauteur maximale d'un élément.
Si le contenu est plus grand que la hauteur maximale, il débordera. La manière dont le conteneur gérera le contenu débordant est définie par la propriété overflow .
Si le contenu est inférieur à la hauteur maximale, la
max-height
propriété n'a aucun effet.
Remarque : Cela empêche la valeur de la
propriété height de devenir supérieure à
max-height
. La valeur de la
max-height
propriété remplace la propriété height.
Valeur par défaut: | rien |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS2 |
Syntaxe JavaScript : | objet .style.maxHeight="100px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Syntaxe CSS
max-height: none|length|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Hauteur et largeur CSS
Référence CSS : propriété min-height
Référence HTML DOM : propriété maxHeight