From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/@media/height/index.md | 72 +++++++++++++-------------------- 1 file changed, 29 insertions(+), 43 deletions(-) (limited to 'files/fr/web/css/@media/height') diff --git a/files/fr/web/css/@media/height/index.md b/files/fr/web/css/@media/height/index.md index 6e88c3a451..9e51d9bd6e 100644 --- a/files/fr/web/css/@media/height/index.md +++ b/files/fr/web/css/@media/height/index.md @@ -7,26 +7,29 @@ tags: - Reference translation_of: Web/CSS/@media/height --- -
{{CSSRef}}
+{{CSSRef}} -

height est une caractéristique média CSS (cf. {{cssxref("@media")}}) dont la valeur représente la hauteur de la zone d'affichage (viewport) (ou de la boîte de page pour les média paginés).

+**`height`** est une caractéristique média CSS (cf. {{cssxref("@media")}}) dont la valeur représente la hauteur de la zone d'affichage (_viewport_) (ou de la boîte de page pour les média paginés). -

Syntaxe

+## Syntaxe -

La caractéristique height est définie comme une longueur (type {{cssxref("<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ées min-height et max-height afin de cibler des règles selon un minimum ou un maximum.

+La caractéristique `height` est définie comme une longueur (type {{cssxref("<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ées **`min-height`** et **`max-height`** afin de cibler des règles selon un minimum ou un maximum. -

Exemples

+## Exemples -

HTML

+### HTML -
<div>
+```html
+
Surveillez cet élément lors du redimensionnement de la zone d'affichage. -</div>
+ +``` -

CSS

+### CSS -
/* Hauteur exacte */
+```css
+/* Hauteur exacte */
 @media (height: 360px) {
   div {
     color: red;
@@ -46,36 +49,19 @@ translation_of: Web/CSS/@media/height
     border: 2px solid blue;
   }
 }
-
- -

Résultat

- -

{{EmbedLiveSample('Exemples','90%')}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Media Queries', '#height', 'height')}}{{Spec2('CSS4 Media Queries')}}La valeur peut désormais être négative (ce qui correspond à un booléen faux).
{{SpecName('CSS3 Media Queries', '#height', 'height')}}{{Spec2('CSS3 Media Queries')}}Définition initiale. La valeur ne doit pas être négative.
- -

Compatibilité des navigateurs

- -

{{Compat("css.at-rules.media.height")}}

+``` + +### Résultat + +{{EmbedLiveSample('Exemples','90%')}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------ | ---------------------------------------- | ----------------------------------------------------------------------------- | +| {{SpecName('CSS4 Media Queries', '#height', 'height')}} | {{Spec2('CSS4 Media Queries')}} | La valeur peut désormais être négative (ce qui correspond à un booléen faux). | +| {{SpecName('CSS3 Media Queries', '#height', 'height')}} | {{Spec2('CSS3 Media Queries')}} | Définition initiale. La valeur ne doit pas être négative. | + +## Compatibilité des navigateurs + +{{Compat("css.at-rules.media.height")}} -- cgit v1.2.3-54-g00ecf