Cet utilitaire définit les marges appliquées lors du défilement vers un élément, facilitant l'alignement dans la zone visible.
| Classe |
Styles |
| scroll-m-<nombre> |
scroll-margin: calc(var(--spacing) * <nombre>); |
| -scroll-m-<nombre> |
scroll-margin: calc(var(--spacing) * -<nombre>); |
| scroll-m-(<propriete-personnalisee>) |
scroll-margin: var(<propriete-personnalisee>); |
| scroll-m-[<valeur>] |
scroll-margin: <valeur>; |
| scroll-mx-<nombre> |
scroll-margin-inline: calc(var(--spacing) * <nombre>); |
| -scroll-mx-<nombre> |
scroll-margin-inline: calc(var(--spacing) * -<nombre>); |
| scroll-mx-(<propriete-personnalisee>) |
scroll-margin-inline: var(<propriete-personnalisee>); |
| scroll-mx-[<valeur>] |
scroll-margin-inline: <valeur>; |
| scroll-my-<nombre> |
scroll-margin-block: calc(var(--spacing) * <nombre>); |
| -scroll-my-<nombre> |
scroll-margin-block: calc(var(--spacing) * -<nombre>); |
| scroll-my-(<propriete-personnalisee>) |
scroll-margin-block: var(<propriete-personnalisee>); |
| scroll-my-[<valeur>] |
scroll-margin-block: <valeur>; |
| scroll-ms-<nombre> |
scroll-margin-inline-start: calc(var(--spacing) * <nombre>); |
| -scroll-ms-<nombre> |
scroll-margin-inline-start: calc(var(--spacing) * -<nombre>); |
| scroll-ms-(<propriete-personnalisee>) |
scroll-margin-inline-start: var(<propriete-personnalisee>); |
| scroll-ms-[<valeur>] |
scroll-margin-inline-start: <valeur>; |
| scroll-me-<nombre> |
scroll-margin-inline-end: calc(var(--spacing) * <nombre>); |
| -scroll-me-<nombre> |
scroll-margin-inline-end: calc(var(--spacing) * -<nombre>); |
| scroll-me-(<propriete-personnalisee>) |
scroll-margin-inline-end: var(<propriete-personnalisee>); |
| scroll-me-[<valeur>] |
scroll-margin-inline-end: <valeur>; |
| scroll-mt-<nombre> |
scroll-margin-top: calc(var(--spacing) * <nombre>); |
| -scroll-mt-<nombre> |
scroll-margin-top: calc(var(--spacing) * -<nombre>); |
| scroll-mt-(<propriete-personnalisee>) |
scroll-margin-top: var(<propriete-personnalisee>); |
| scroll-mt-[<valeur>] |
scroll-margin-top: <valeur>; |
| scroll-mr-<nombre> |
scroll-margin-right: calc(var(--spacing) * <nombre>); |
| -scroll-mr-<nombre> |
scroll-margin-right: calc(var(--spacing) * -<nombre>); |
| scroll-mr-(<propriete-personnalisee>) |
scroll-margin-right: var(<propriete-personnalisee>); |
| scroll-mr-[<valeur>] |
scroll-margin-right: <valeur>; |
| scroll-mb-<nombre> |
scroll-margin-bottom: calc(var(--spacing) * <nombre>); |
| -scroll-mb-<nombre> |
scroll-margin-bottom: calc(var(--spacing) * -<nombre>); |
| scroll-mb-(<propriete-personnalisee>) |
scroll-margin-bottom: var(<propriete-personnalisee>); |
| scroll-mb-[<valeur>] |
scroll-margin-bottom: <valeur>; |
| scroll-ml-<nombre> |
scroll-margin-left: calc(var(--spacing) * <nombre>); |
| -scroll-ml-<nombre> |
scroll-margin-left: calc(var(--spacing) * -<nombre>); |
| scroll-ml-(<propriete-personnalisee>) |
scroll-margin-left: var(<propriete-personnalisee>); |
| scroll-ml-[<valeur>] |
scroll-margin-left: <valeur>; |
