---
title: scroll-margin-block-end
slug: Web/CSS/scroll-margin-block-end
tags:
  - CSS
  - Propriété
  - Propriété logique
  - Reference
translation_of: Web/CSS/scroll-margin-block-end
---
<div>{{CSSRef}}</div>

<p>La propriété <strong><code>scroll-margin-block-end</code></strong> définit la marge de défilement de l'élément sur la fin de l'axe de bloc. 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>

<div>{{EmbedInteractiveExample("pages/css/scroll-margin-block-end.html")}}</div>

<h2 id="Syntaxe">Syntaxe</h2>

<pre class="brush: css">/* Valeurs de longueur */
/* Type &lt;length&gt; */
scroll-margin-block-end: 10px;
scroll-margin-block-end: 1em;

/* Valeurs globales */
scroll-margin-block-end: inherit;
scroll-margin-block-end: initial;
scroll-margin-block-end: unset;
</pre>

<h3 id="Valeurs">Valeurs</h3>

<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>

<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>

{{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-block-end", "scroll-margin-block-end")}}</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-block-end")}}</p>