scroll-margin-inline-end

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

La propriété scroll-margin-inline-end définit la marge de défilement de l'élément sur la fin de l'axe en ligne. 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.

Exemple interactif

Syntaxe

css
/* Valeurs de longueur */
/* Type <length> */
scroll-margin-inline-end: 10px;
scroll-margin-inline-end: 1em;

/* Valeurs globales */
scroll-margin-inline-end: inherit;
scroll-margin-inline-end: initial;
scroll-margin-inline-end: unset;

Valeurs

<length>

Un décalage par rapport au côté correspondant du conteneur de défilement.

Définition formelle

Valeur initiale0
Applicabilitétous les éléments
Héritéenon
Valeur calculéecomme spécifié
Type d'animationby computed value type

Syntaxe formelle

scroll-margin-inline-end = 
  <length>

Spécifications

Specification
CSS Scroll Snap Module Level 1
# margin-longhands-logical

Compatibilité des navigateurs

BCD tables only load in the browser