scroll-margin-inline

La propriété scroll-margin-inline 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-inline-start et scroll-margin-inline-end).

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.

Valeur initiale0
Applicabilitétous les éléments
Héritéenon
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationby computed value type
Ordre canoniqueselon la grammaire

Syntaxe

/* Valeurs de longueur */
/* Type <length> */
scroll-margin-inline: 10px;
scroll-margin-inline: 1em .5em;

/* Valeurs globales */
scroll-margin-inline: inherit;
scroll-margin-inline: initial;
scroll-margin-inline: unset;

Valeurs

<length>
Un décalage par rapport au côté correspondant du conteneur de défilement.

Syntaxe formelle

[auto | <length> ]{1,2}

Spécifications

Spécification État Commentaires
CSS Scroll Snap Module Level 1
La définition de 'scroll-margin-inline' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Aucun support  
Aucun support

Étiquettes et contributeurs liés au document

Contributeurs à cette page : mdnwebdocs-bot, SphinxKnight
Dernière mise à jour par : mdnwebdocs-bot,