From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng <julien.gattelier@gmail.com> Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/overflow-anchor/index.md | 84 +++++++++++++------------------ 1 file changed, 35 insertions(+), 49 deletions(-) (limited to 'files/fr/web/css/overflow-anchor/index.md') 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) -- cgit v1.2.3-54-g00ecf