Cet utilitaire définit les espacements internes de la zone de défilement utilisés pour le positionnement des éléments ciblés.
| Classe |
Styles |
| scroll-p-<nombre> |
scroll-padding: calc(var(--spacing) * <nombre>); |
| -scroll-p-<nombre> |
scroll-padding: calc(var(--spacing) * -<nombre>); |
| scroll-p-(<propriete-personnalisee>) |
scroll-padding: var(<propriete-personnalisee>); |
| scroll-p-[<valeur>] |
scroll-padding: <valeur>; |
| scroll-px-<nombre> |
scroll-padding-inline: calc(var(--spacing) * <nombre>); |
| -scroll-px-<nombre> |
scroll-padding-inline: calc(var(--spacing) * -<nombre>); |
| scroll-px-(<propriete-personnalisee>) |
scroll-padding-inline: var(<propriete-personnalisee>); |
| scroll-px-[<valeur>] |
scroll-padding-inline: <valeur>; |
| scroll-py-<nombre> |
scroll-padding-block: calc(var(--spacing) * <nombre>); |
| -scroll-py-<nombre> |
scroll-padding-block: calc(var(--spacing) * -<nombre>); |
| scroll-py-(<propriete-personnalisee>) |
scroll-padding-block: var(<propriete-personnalisee>); |
| scroll-py-[<valeur>] |
scroll-padding-block: <valeur>; |
| scroll-ps-<nombre> |
scroll-padding-inline-start: calc(var(--spacing) * <nombre>); |
| -scroll-ps-<nombre> |
scroll-padding-inline-start: calc(var(--spacing) * -<nombre>); |
| scroll-ps-(<propriete-personnalisee>) |
scroll-padding-inline-start: var(<propriete-personnalisee>); |
| scroll-ps-[<valeur>] |
scroll-padding-inline-start: <valeur>; |
| scroll-pe-<nombre> |
scroll-padding-inline-end: calc(var(--spacing) * <nombre>); |
| -scroll-pe-<nombre> |
scroll-padding-inline-end: calc(var(--spacing) * -<nombre>); |
| scroll-pe-(<propriete-personnalisee>) |
scroll-padding-inline-end: var(<propriete-personnalisee>); |
| scroll-pe-[<valeur>] |
scroll-padding-inline-end: <valeur>; |
| scroll-pt-<nombre> |
scroll-padding-top: calc(var(--spacing) * <nombre>); |
| -scroll-pt-<nombre> |
scroll-padding-top: calc(var(--spacing) * -<nombre>); |
| scroll-pt-(<propriete-personnalisee>) |
scroll-padding-top: var(<propriete-personnalisee>); |
| scroll-pt-[<valeur>] |
scroll-padding-top: <valeur>; |
| scroll-pr-<nombre> |
scroll-padding-right: calc(var(--spacing) * <nombre>); |
| -scroll-pr-<nombre> |
scroll-padding-right: calc(var(--spacing) * -<nombre>); |
| scroll-pr-(<propriete-personnalisee>) |
scroll-padding-right: var(<propriete-personnalisee>); |
| scroll-pr-[<valeur>] |
scroll-padding-right: <valeur>; |
| scroll-pb-<nombre> |
scroll-padding-bottom: calc(var(--spacing) * <nombre>); |
| -scroll-pb-<nombre> |
scroll-padding-bottom: calc(var(--spacing) * -<nombre>); |
| scroll-pb-(<propriete-personnalisee>) |
scroll-padding-bottom: var(<propriete-personnalisee>); |
| scroll-pb-[<valeur>] |
scroll-padding-bottom: <valeur>; |
| scroll-pl-<nombre> |
scroll-padding-left: calc(var(--spacing) * <nombre>); |
| -scroll-pl-<nombre> |
scroll-padding-left: calc(var(--spacing) * -<nombre>); |
| scroll-pl-(<propriete-personnalisee>) |
scroll-padding-left: var(<propriete-personnalisee>); |
| scroll-pl-[<valeur>] |
scroll-padding-left: <valeur>; |
