diff options
author | MDN <actions@users.noreply.github.com> | 2021-05-21 00:42:40 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-05-21 00:42:40 +0000 |
commit | 4d3b1c2c79113786e001e3bec551205cd34f818a (patch) | |
tree | fcff970c1fb2155bfcd55f5e2056a79cefd58890 /files/fr/web/css/@media | |
parent | a8cc0431ca75f502b324ec880c62c0f6caf71727 (diff) | |
download | translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.tar.gz translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.tar.bz2 translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.zip |
[CRON] sync translated content
Diffstat (limited to 'files/fr/web/css/@media')
-rw-r--r-- | files/fr/web/css/@media/prefers-reduced-transparency/index.html | 84 | ||||
-rw-r--r-- | files/fr/web/css/@media/scan/index.html | 85 |
2 files changed, 0 insertions, 169 deletions
diff --git a/files/fr/web/css/@media/prefers-reduced-transparency/index.html b/files/fr/web/css/@media/prefers-reduced-transparency/index.html deleted file mode 100644 index a2eddd14bd..0000000000 --- a/files/fr/web/css/@media/prefers-reduced-transparency/index.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: prefers-reduced-transparency -slug: Web/CSS/@media/prefers-reduced-transparency -tags: - - CSS - - Caractéristique média - - Reference -translation_of: Web/CSS/@media/prefers-reduced-transparency ---- -<p>{{CSSRef}}{{SeeCompatTable}}{{draft}}</p> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Caractéristiques_média_(media_features)">caractéristique média</a> <strong><code>prefers-reduced-transparency</code></strong> permet de détecter si un utilisateur préfère (via un paramètre du système d'exploitation ou du navigateur) minimiser l'utilisation des effets de transparence.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt><code><dfn>no-preference</dfn></code></dt> - <dd>Cette valeur indique que l'utilisateur n'a exprimé aucune préférence quant à l'utilisation des effets de transparence. Ce mot-clé correspond à <code>false</code> lorsqu'il est utilisé dans un contexte booléen.</dd> - <dt><code><dfn>reduce</dfn></code></dt> - <dd>Cette valeur indique que l'utilisateur a configuré le système afin de minimiser la quantité d'effets de transparence.</dd> -</dl> - -<h2 id="Préférences_utilisateur">Préférences utilisateur</h2> - -<p>À l'heure actuelle, aucun navigateur ou agent utilisateur n'implémente cette préférence malgré la présence de réglages correspondants dans les systèmes d'exploitation.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Par défaut, cet exemple utilise un effet de transparence qui diminue la lisibilité du contenu.</p> - -<h3 id="HTML">HTML</h3> - -<pre><div class="transparency">Boîte transparente</div> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre>.transparency { - opacity: 0.5; -} - -@media (prefers-reduced-transparency: reduce) { - .transparency { - opacity: 1; - } -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<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('CSS5 Media Queries', '#descdef-media-prefers-reduced-transparency', 'prefers-reduced-transparency')}}</td> - <td>{{Spec2('CSS5 Media Queries')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">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 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.at-rules.media.prefers-reduced-transparency")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="https://bugs.webkit.org/show_bug.cgi?id=175497">Le bug WebKit 175497</a></li> -</ul> - -<p>{{QuickLinksWithSubpages("/fr/docs/Web/CSS/@media/")}}</p> diff --git a/files/fr/web/css/@media/scan/index.html b/files/fr/web/css/@media/scan/index.html deleted file mode 100644 index be71b32a45..0000000000 --- a/files/fr/web/css/@media/scan/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: scan -slug: Web/CSS/@media/scan -tags: - - CSS - - Caractéristique média - - Reference -translation_of: Web/CSS/@media/scan ---- -<div>{{CSSRef}}</div> - -<p><strong><code>scan</code></strong> est une caractéristique média CSS (cf. {{cssxref("@media")}}) qui peut être utilisée afin de déterminer le processus utilisé pour composer l'image sur l'appareil d'affichage.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La caractéristique <code>scan</code> est définie avec un mot-clé parmi ceux qui suivent :</p> - -<dl> - <dt><code>interlace</code></dt> - <dd>L'image est composée avec <a href="https://fr.wikipedia.org/wiki/Entrelacement_(vid%C3%A9o)">un entrelacement</a> grâce à des lignes intercalées (en deux passes).</dd> - <dt><code>progressive</code></dt> - <dd>L'image est composée ligne par ligne avec <a href="https://fr.wikipedia.org/wiki/Balayage_progressif">un balayage progressif</a>.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><p>Si votre écran utilise une composition avec entrelacement, ce texte devrait - être écrit avec une police sans serif/empattement. S'il utilise une composition - avec un balayage progressif, vous devriez voir une police avec serif/empattement. -</p> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">p { - font-family: cursive; -} - -@media (scan: interlace) { - p { - font-family: sans-serif; - } -} - -@media (scan: progressive) { - p { - font-family: serif; - } -}</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<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', '#scan', 'scan')}}</td> - <td>{{Spec2('CSS4 Media Queries')}}</td> - <td>Aucune modification.</td> - </tr> - <tr> - <td>{{SpecName('CSS3 Media Queries', '#scan', 'scan')}}</td> - <td>{{Spec2('CSS3 Media Queries')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">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 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.at-rules.media.scan")}}</p> |