scroll-margin

La propriété scroll-margin est une propriété raccourcie qui permet de définir l'ensemble des propriétés scroll-margin-top, scroll-margin-left, scroll-margin-bottom et scroll-margin-right (de la même façon que la propriété margin définit les différents côtés des marges).

Les valeurs de scroll-margin correspondent aux décalages entre la zone qui est utilisée pour définir les limites du défilement de la boîtes et la zone de défilement normale (snapport). 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.

Valeur initiale0
Applicabilitétous les éléments
Héritéenon
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationby computed value type
Ordre canoniqueselon la grammaire

Syntaxe

/* Valeur de longueur */
/* Type <length> */
scroll-margin: 10px;
scroll-margin: 1em .5em 1em 1em;

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

Valeurs

<length>
Un décalage par rapport au côté correspondant pour le conteneur de défilement.

Syntaxe formelle

[ auto | <length> ]{1,4}

Spécifications

Spécification État Commentaires
CSS Scroll Snap Module Level 1
La définition de 'scroll-margin' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

No compatibility data found. Please contribute data for "css.properties.scroll-margin" (depth: 1) to the MDN compatibility data repository.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,