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).
Exemple interactif
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.
Syntaxe
css
/* Valeur de longueur */
/* Type <length> */
scroll-margin: 10px;
scroll-margin: 1em 0.5em 1em 1em;
/* Valeurs globales */
scroll-margin: inherit;
scroll-margin: initial;
scroll-margin: unset;
Valeurs
Définition formelle
Valeur initiale | pour chaque propriété individuelle de la propriété raccourcie : |
---|---|
Applicabilité | tous les éléments |
Héritée | non |
Valeur calculée | pour chaque propriété individuelle de la propriété raccourcie :
|
Type d'animation | by computed value type |
Syntaxe formelle
Spécifications
Specification |
---|
CSS Scroll Snap Module Level 1 # scroll-margin |
Compatibilité des navigateurs
BCD tables only load in the browser