scroll-margin-top

Baseline Widely available

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

La propriété scroll-margin-top définit la marge de défilement de l'élément sur le côté haut. 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-top: 10px;
scroll-margin-top: 1em;

/* Valeurs globales */
scroll-margin-top: inherit;
scroll-margin-top: initial;
scroll-margin-top: 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-top = 
<length>

Spécifications

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

Compatibilité des navigateurs

BCD tables only load in the browser