min-height

Résumé

La propriété CSS min-height est utilisée pour définir une hauteur minimale à un élément donné. Elle empêche la valeur de la propriété height de devenir plus petite que celle spécifiée pour min-height.

La valeur de min-height annule à la fois max-height et height.

  • Valeur initiale 0
  • S'applique à all elements but non-replaced inline elements, table columns, and column groups
  • Héritée non
  • Pourcentages Le poucentage est par rapport à la hauteur de la boîte générée par le bloc contenant. Si la hauteur du bloc contenant n'est pas explicitement spécifiée (c'est-à-dire qu'elle dépend de la hauteur du contenu), et si cet élément n'est pas absolument positionné , la valeur du pourcentage est traitée comme si elle valait 0.
  • Média visual
  • Valeur calculée le pourcentage comme spécifié ou la longueur absolue
  • Animable oui, comme une longueur, pourcentage ou calc() ; quand les deux valeurs sont des longueurs, elles sont interpolées comme des longueurs ; quand les deux valeurs sont des pourcentages, elles sont interpolées comme des pourcentages ; sinon, les deux valeurs sont converties dans une fonction calc() qui est la somme d'une longueur et d'un pourcentage (chaque valeur pouvant être à zéro), et cette fonction calc() interpole chaque moitié comme un nombre réel.
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Syntaxe formelle : <length> | <percentage> | max-content | min-content | fit-content | fill-available
min-width: 3.5em
min-height: 10%
min-height: max-content
min-height: min-content
min-height: fit-content
min-height: fill-available

min-height: inherit

Valeurs

<longueur>
La hauteur minimale fixe. Voir <longueur> pour les unités possibles. Les valeurs négatives rendent la déclaration invalide.
<pourcentage>
La hauteur minimale fixe exprimée en <percentage> de la hauteur du bloc contenant. Les valeurs négatives rendent la déclaration invalide.
max-content
La hauteur intrinsèque préférée.
min-content
La hauteur intrinsèque minimale.
fill-available
La hauteur du bloc conteneur, moins les marges verticales intérieures et extérieures, et les bordures. Certains navigateurs implémentent l'ancien nom de ce mot-clé, available.
fit-content
D'après CSS3 Box, ceci est un synonyme de min-content. CSS3 Sizing définit un algorithme plus complexe, mais aucun navigateur ne l'implémente, même de manière expérimentale.

Exemples

table {min-height: 75%;}

form {min-height: 0;}

Spécifications

Spécification Statut Commentaire
CSS Intrinsic & Extrinsic Sizing Module Level 3 Working Draft Ajouter les mots-clés max-content, min-content, fit-content, et fill-available.
À la fois les brouillons de CSS3 Box et CSS3 Writing Modes ont définis ces mots-clés à un certain moment. Ces brouillons sont annulés par cette spécification.
CSS Flexible Box Layout Module Candidate Recommendation  
CSS Transitions Working Draft Définit min-height comme animable.
CSS Level 2 (Revision 1) Recommendation Définition initiale.

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base 1.0 3.0 (1.9) 7.0 4.0 1.0
2.0.2 (416) pour les éléments positionnés
s'applique à <table> [1] Pas de support (Oui) Pas de support (Oui) Pas de support
max-content, min-content, fit-content, et fill-available Pas de support Pas de support Pas de support Pas de support Pas de support
auto 21.0 16.0 (16.0) Pas de support 12.10 Pas de support
auto comme valeur initiale 21.0 18.0 (18.0) Pas de support 12.10 Pas de support
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ? ?

Notes

[1] CSS 2.1 laisse explicitement le comportement de  min-heightavec <table> non-défini. Donc n'importe quel comportement est acceptable avec CSS2.1; les spécifications CSS plus récentes pourront définir ce comportement, les développeurs Web ne doivent donc pas s'appuyer sur cela par prudence.

Voir également

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : tregagnon, Fredchat, Grsmto, Mgjbot, Delapouite, FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale