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/overflow-anchor/index.md | |
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/overflow-anchor/index.md')
-rw-r--r-- | files/fr/web/css/overflow-anchor/index.md | 84 |
1 files changed, 35 insertions, 49 deletions
diff --git a/files/fr/web/css/overflow-anchor/index.md b/files/fr/web/css/overflow-anchor/index.md index 2d71155710..3e4d2f1d46 100644 --- a/files/fr/web/css/overflow-anchor/index.md +++ b/files/fr/web/css/overflow-anchor/index.md @@ -7,15 +7,16 @@ tags: - Reference translation_of: Web/CSS/overflow-anchor --- -<div>{{CSSRef}}</div> +{{CSSRef}} -<p>La propriété <strong><code>overflow-anchor</code></strong> permet d'éviter, lors du défilement, que le navigateur ajuste la position afin de minimiser le déplacement du contenu.</p> +La propriété **`overflow-anchor`** permet d'éviter, lors du défilement, que le navigateur ajuste la position afin de minimiser le déplacement du contenu. -<p>Ce comportement est activé par défaut pour les navigateurs qui le prenne en charge. Aussi, cette propriété est uniquement nécessaire lorsque vous rencontrez des problèmes de défilement dans un document et que vous souhaitez désactiver ce comportement.</p> +Ce comportement est activé par défaut pour les navigateurs qui le prenne en charge. Aussi, cette propriété est uniquement nécessaire lorsque vous rencontrez des problèmes de défilement dans un document et que vous souhaitez désactiver ce comportement. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ +```css +/* Valeurs avec un mot-clé */ overflow-anchor: auto; overflow-anchor: none; @@ -23,56 +24,41 @@ overflow-anchor: none; overflow-anchor: inherit; overflow-anchor: initial; overflow-anchor: unset; -</pre> +``` -<h3 id="Valeurs">Valeurs</h3> +### Valeurs -<dl> - <dt><code>auto</code></dt> - <dd>L'élément peut devenir une ancre lorsque la position de défilement est ajustée.</dd> - <dt><code>none</code></dt> - <dd>L'élément ne sera pas sélectionné comme ancre.</dd> -</dl> +- `auto` + - : L'élément peut devenir une ancre lorsque la position de défilement est ajustée. +- `none` + - : L'élément ne sera pas sélectionné comme ancre. -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> +### Syntaxe formelle {{csssyntax}} -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>Pour désactiver l'ancrage du défilement, on pourra utiliser cette propriété :</p> +Pour désactiver l'ancrage du défilement, on pourra utiliser cette propriété : -<pre class="brush: css">body { +```css +body { overflow-anchor: none; -}</pre> - -<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('CSS Scroll Anchoring', '#propdef-overflow-anchor', 'overflow-anchor')}}</td> - <td>{{Spec2('CSS Scroll Anchoring')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("css.properties.overflow-anchor")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/en-US/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring">Guide sur l'ancrage du défilement (<em>scroll anchoring</em>)</a></li> -</ul> +} +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- | +| {{SpecName('CSS Scroll Anchoring', '#propdef-overflow-anchor', 'overflow-anchor')}} | {{Spec2('CSS Scroll Anchoring')}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.overflow-anchor")}} + +## Voir aussi + +- [Guide sur l'ancrage du défilement (_scroll anchoring_)](/en-US/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring) |