scroll-padding-block
La propriété scroll-padding-block
est une propriété raccourcie qui permet de définir le remplissage, sur l'axe de bloc, entre l'élément et la zone de défilement. Autrement dit, elle permet de définir scroll-padding-block-end
et scroll-padding-block-start
.
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 propriétés pour le remplissage de la zone de défilement permettent de définir des décalages par rapport à la zone de défilement de l'élément (scrollport). On peut ainsi éviter à un élément d'être affiché là où d'autres barres sont présentes ou encore donner plus d'espace entre un élément et les barres de défilement pour y naviguer.
Syntaxe
/* Valeurs avec un mot-clé */
scroll-padding-block: auto;
/* Valeurs de longueur */
/* Type <length> */
scroll-padding-block: 10px;
scroll-padding-block: 1em .5em;
scroll-padding-block: 10%;
/* Valeurs globales */
scroll-padding-block: inherit;
scroll-padding-block: initial;
scroll-padding-block: unset;
Valeurs
<length-percentage>
- Un décalage intérieur entre la boîte de défilement et le bord correspondant de l'élément. C'est une longueur ou un pourcentage valide.
auto
- Le décalage est déterminé par l'agent utilisateur. Cette valeur correspond généralement à
0px
mais le navigateur peut utiliser une heuristique et déterminer si une valeur non nulle est préférable au regard du contexte dans lequel se trouve l'élément.
Syntaxe formelle
[ auto | <length-percentage> ]{1,2}où
<length-percentage> = <length> | <percentage>
Specifications
Spécification | État | Commentaires |
---|---|---|
CSS Scroll Snap Module Level 1 La définition de 'scroll-padding-block' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Valeur initiale | auto |
---|---|
Applicabilité | conteneurs d'ascenseurs |
Héritée | non |
Pourcentages | relative to the scroll container's scrollport |
Valeur calculée | comme spécifié |
Type d'animation | by computed value type |
Compatibilité des navigateurs
BCD tables only load in the browser