Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
height
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
Lacaractéristique médiaCSSheight permet d'appliquer des styles en fonction de la hauteur de lazone d'affichage (ou de la boîte de page, pour lesmédias paginés).
Syntaxe
La caractéristiqueheight est définie comme une longueur (type<length>) et représente la hauteur de la zone d'affichage. C'est une caractéristique d'intervalle et on peut donc utiliser les variantes préfixéesmin-height etmax-height afin de cibler des règles selon un minimum ou un maximum.
Exemples
HTML
<div> Surveillez cet élément lors du redimensionnement de la zone d'affichage.</div>CSS
/* Hauteur exacte */@media (height: 360px) { div { color: red; }}/* Hauteur minimale */@media (min-height: 25rem) { div { background: yellow; }}/* Hauteur maximale */@media (max-height: 40rem) { div { border: 2px solid blue; }}Résultat
Spécifications
| Specification |
|---|
| Media Queries Level 4 # height |