Le descripteur min-height
, rattaché à la règle @ @viewport
, permet de définir la hauteur minimale de la zone d'affichage (viewport) d'un document.
Syntaxe
/* Avec un mot-clé */
min-height: auto;
/* Valeur de longueur */
/* Type <length> */
min-height: 400px;
min-height: 50em;
min-height: 20cm;
/* Valeur proportionnelle */
/* Type <percentage> */
min-height: 75%;
Valeurs
auto
- La valeur utilisée est alors calculée selon les valeurs des autres descripteurs.
<length>
- Une valeur absolue ou relative représentant une longueur. Cette valeur doit être positive.
<percentage>
- Une valeur de pourcentage relative à la hauteur initiale de la zone d'affichage lorsque le niveau de zoom vaut 1. Cette valeur doit être positive.
Syntaxe formelle
<viewport-length>où
<viewport-length> = auto | <length-percentage>
où
<length-percentage> = <length> | <percentage>
Exemples
@viewport {
min-height: 600px;
}
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Device Adaptation La définition de '"min-height" descriptor' dans cette spécification. |
Version de travail | Définition initiale. |
En lien avec les règles @ | @viewport |
---|---|
Valeur initiale | auto |
Pourcentages | fait référence à la hauteur de la zone d'affichage (viewport) initiale |
Valeur calculée | si spécifié par une longueur, la valeur absolue correspondante; si spécifié par un pourcentage, la valeur telle que spécifiée; sinon, auto |
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.