aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/scroll-margin-left/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/scroll-margin-left/index.md')
-rw-r--r--files/fr/web/css/scroll-margin-left/index.md60
1 files changed, 23 insertions, 37 deletions
diff --git a/files/fr/web/css/scroll-margin-left/index.md b/files/fr/web/css/scroll-margin-left/index.md
index 0dfa5d2da7..f043c044a6 100644
--- a/files/fr/web/css/scroll-margin-left/index.md
+++ b/files/fr/web/css/scroll-margin-left/index.md
@@ -7,16 +7,17 @@ tags:
- Reference
translation_of: Web/CSS/scroll-margin-left
---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
-<p>La propriété <strong><code>scroll-margin-left</code></strong> définit la marge de défilement de l'élément sur le côté gauche. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.</p>
+La propriété **`scroll-margin-left`** définit la marge de défilement de l'élément sur le côté gauche. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
-<div>{{EmbedInteractiveExample("pages/css/scroll-margin-left.html")}}</div>
+{{EmbedInteractiveExample("pages/css/scroll-margin-left.html")}}
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: css">/* Valeurs de longueur */
-/* Type &lt;length&gt; */
+```css
+/* Valeurs de longueur */
+/* Type <length> */
scroll-margin-left: 10px;
scroll-margin-left: 1em;
@@ -24,40 +25,25 @@ scroll-margin-left: 1em;
scroll-margin-left: inherit;
scroll-margin-left: initial;
scroll-margin-left: unset;
-</pre>
+```
-<h3 id="Valeurs">Valeurs</h3>
+### Valeurs
-<dl>
- <dt><code>&lt;length&gt;</code></dt>
- <dd>Un décalage par rapport au côté correspondant du conteneur de défilement.</dd>
-</dl>
+- `<length>`
+ - : Un décalage par rapport au côté correspondant du conteneur de défilement.
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+### Syntaxe formelle
{{csssyntax}}
-<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 Snap Points", "#propdef-scroll-margin-left", "scroll-margin-left")}}</td>
- <td>{{Spec2("CSS Scroll Snap Points")}}</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.scroll-margin-left")}}</p>
+## Spécifications
+
+| Spécification | État | Commentaires |
+| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------ | -------------------- |
+| {{SpecName("CSS Scroll Snap Points", "#propdef-scroll-margin-left", "scroll-margin-left")}} | {{Spec2("CSS Scroll Snap Points")}} | Définition initiale. |
+
+{{cssinfo}}
+
+## Compatibilité des navigateurs
+
+{{Compat("css.properties.scroll-margin-left")}}