scroll-margin-block
La propriété scroll-margin-block est une propriété raccourcie logique qui définit les marges de défilement sur l'axe de bloc (i.e. les propriétés logiques scroll-margin-block-start et scroll-margin-block-end).
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 des marges de défilement 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
/* Valeurs de longueur */
/* Type <length> */
scroll-margin-block: 10px;
scroll-margin-block: 1em .5em;
/* Valeurs globales */
scroll-margin-block: inherit;
scroll-margin-block: initial;
scroll-margin-block: unset;
Valeurs
<length>- Un décalage par rapport au côté correspondant du conteneur de défilement.
Syntaxe formelle
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Scroll Snap Module Level 1 La définition de 'scroll-margin-block' 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