scroll-margin-top

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.

Syntaxe

/* 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.

Syntaxe formelle

<length>

Spécifications

Spécification État Commentaires
CSS Scroll Snap Module Level 1
La définition de 'scroll-margin-top' dans cette spécification.
Candidat au statut de recommandation Définition initiale.
Valeur initiale0
Applicabilitétous les éléments
Héritéenon
Valeur calculéecomme spécifié
Type d'animationby computed value type

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
scroll-margin-topChrome Support complet 69Edge Support complet 79Firefox Support complet 68IE Aucun support NonOpera Support complet 56Safari Support partiel 11
Notes Autre nom
Support partiel 11
Notes Autre nom
Notes Scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.
Autre nom Cette fonctionnalité utilise le nom non-standard : scroll-snap-margin-top
WebView Android Support complet 69Chrome Android Support complet 69Firefox Android Support complet 68Opera Android Support complet 48Safari iOS Support partiel 11
Notes Autre nom
Support partiel 11
Notes Autre nom
Notes Scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.
Autre nom Cette fonctionnalité utilise le nom non-standard : scroll-snap-margin-top
Samsung Internet Android Support complet 10.0

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.