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).
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuer à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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
/* 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. Voir
<length>
pour les valeurs possibles.
Syntaxe formelle
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. |
Valeur initiale | 0 |
---|---|
Applicabilité | tous les éléments |
Héritée | non |
Valeur calculée | comme spécifié |
Type d'animation | by computed value type |
Compatibilité des navigateurs
BCD tables only load in the browser