Le descripteur height, rattaché à la règle @ @viewport est un raccourci permettant de définir les deux descripteurs min-height et max-height.

Si on fournit une seule valeur, c'est cette valeur qui sera utilisée pour la hauteur minimale et maximale de la zone d'affichage (viewport). Si on fournit deux valeurs, la première correspondra à la hauteur minimale de la zone d'affichage et la deuxième à la hauteur maximale.

En lien avec les règles @@viewport
Valeur initialepour chaque propriété individuelle de la propriété raccourcie :
Pourcentagespour chaque propriété individuelle de la propriété raccourcie :
  • min-height: 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.
  • max-height: Le pourcentage 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 none.
Médiapour chaque propriété individuelle de la propriété raccourcie :
  • visual: Valeur introuvable dans la base de données
  • continuous: Valeur introuvable dans la base de données
Valeur calculéepour chaque propriété individuelle de la propriété raccourcie :
  • min-height: le pourcentage tel que spécifé ou une longeur absolue
  • max-height: le pourcentage comme spécifié ou la longueur absolue ou le mot-clé none
Ordre canoniquel'ordre d'apparition dans la grammaire formelle des valeurs

Syntaxe

/* Une valeur de longueur        */
/* Type <length> ou <percentage> */
height: auto;
height: 320px;
height: 15em;

/* Deux valeurs de longueur */
height: 320px 200px;

Valeurs

auto
La valeur utilisée sera calculée à partir des valeurs des autres descripteurs.
<length>
Une longueur relative ou absolue qui doit être positive.
<percentage>
Une valeur exprimée en pourcentages qui est relative à la hauteur de la zone d'affichage (viewport) lorsque le niveau de zoom vaut 1. Cette valeur doit être positive.

Syntaxe formelle

<viewport-length>{1,2}


<viewport-length> = auto | <length-percentage>


<length-percentage> = <length> | <percentage>

Exemples

@viewport {
  height: 500px;
}

Spécifications

Spécification État Commentaires
CSS Device Adaptation
La définition de '"height" descriptor' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 29Edge ? Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,