diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/@media/device-width | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/@media/device-width')
-rw-r--r-- | files/fr/web/css/@media/device-width/index.md | 47 |
1 files changed, 16 insertions, 31 deletions
diff --git a/files/fr/web/css/@media/device-width/index.md b/files/fr/web/css/@media/device-width/index.md index 54e3589e24..38b3cf5547 100644 --- a/files/fr/web/css/@media/device-width/index.md +++ b/files/fr/web/css/@media/device-width/index.md @@ -8,44 +8,29 @@ tags: - Reference translation_of: Web/CSS/@media/device-width --- -<div>{{CSSRef}}{{deprecated_header}}</div> +{{CSSRef}}{{deprecated_header}} -<p><strong><code>device-width</code></strong> est une caractéristique média dépréciée dont la valeur représente la largeur de la surface de rendu de l'appareil d'affichage.</p> +**`device-width`** est une caractéristique média dépréciée dont la valeur représente la largeur de la surface de rendu de l'appareil d'affichage. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<p><code>device-width</code> est définie comme une longueur (type {{cssxref("<length>")}}). C'est une caractéristique d'intervalle et les variantes préfixées <strong><code>min-device-width</code></strong> et <code><strong>max-device-width</strong></code> peuvent être utilisées pour manipuler un minimum ou un maximum.</p> +`device-width` est définie comme une longueur (type {{cssxref("<length>")}}). C'est une caractéristique d'intervalle et les variantes préfixées **`min-device-width`** et **`max-device-width`** peuvent être utilisées pour manipuler un minimum ou un maximum. -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>Ce code HTML applique une feuille de style pour pour les appareils plus étroits que 800 pixels.</p> +Ce code HTML applique une feuille de style pour pour les appareils plus étroits que 800 pixels. -<pre class="brush: html"><link rel="stylesheet" media="screen and (max-device-width: 799px)" href="http://toto.truc.com/narrow-styles.css" /></pre> +```html +<link rel="stylesheet" media="screen and (max-device-width: 799px)" href="http://toto.truc.com/narrow-styles.css" /> +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS4 Media Queries', '#device-width', 'device-width')}}</td> - <td>{{Spec2('CSS4 Media Queries')}}</td> - <td>Dépréciation dans la spécification de niveau 4 pour les requêtes média.</td> - </tr> - <tr> - <td>{{SpecName('CSS3 Media Queries', '#device-width', 'device-width')}}</td> - <td>{{Spec2('CSS3 Media Queries')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------------------- | ----------------------------------------------------------------------- | +| {{SpecName('CSS4 Media Queries', '#device-width', 'device-width')}} | {{Spec2('CSS4 Media Queries')}} | Dépréciation dans la spécification de niveau 4 pour les requêtes média. | +| {{SpecName('CSS3 Media Queries', '#device-width', 'device-width')}} | {{Spec2('CSS3 Media Queries')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("css.at-rules.media.device-width")}}</p> +{{Compat("css.at-rules.media.device-width")}} |