La propriété scroll-margin-inline-start
définit la marge de défilement de l'élément sur le début de l'axe en ligne. 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.
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 !
Syntaxe
/* Valeurs de longueur */ /* Type <length> */ scroll-margin-inline-start: 10px; scroll-margin-inline-start: 1em; /* Valeurs globales */ scroll-margin-inline-start: inherit; scroll-margin-inline-start: initial; scroll-margin-inline-start: unset;
Valeurs
<length>
- Un décalage par rapport au côté correspondant du conteneur de défilement.
Syntaxe formelle
<length>
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Scroll Snap Module Level 1 La définition de 'scroll-margin-inline-start' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Valeur initiale | 0 |
---|---|
Applicabilité | tous les éléments |
Héritée | non |
Média | visuel |
Valeur calculée | comme spécifié |
Type d'animation | by computed value type |
Ordre canonique | selon la grammaire |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
Ordinateur | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
scroll-margin-inline-start | Chrome Support complet 69 | Edge Aucun support Non | Firefox Support complet 68 | IE Aucun support Non | Opera Support complet 56 | Safari Support complet 11 | WebView Android Support complet 69 | Chrome Android Support complet 69 | Firefox Android Support complet 68 | Opera Android Support complet 48 | Safari iOS Support complet 11 | Samsung Internet Android Aucun support Non |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support