Scroll Margin

Supports negative values. Learn more.

Official Tailwind Documentation
Class Properties
gl-scroll-m-0
scroll-margin: 0;
gl-scroll-m-1
scroll-margin: 0.125rem; /* 2px */
gl-scroll-m-2
scroll-margin: 0.25rem; /* 4px */
gl-scroll-m-3
scroll-margin: 0.5rem; /* 8px */
gl-scroll-m-4
scroll-margin: 0.75rem; /* 12px */
gl-scroll-m-5
scroll-margin: 1rem; /* 16px */
gl-scroll-m-6
scroll-margin: 1.5rem; /* 24px */
gl-scroll-m-7
scroll-margin: 2rem; /* 32px */
gl-scroll-m-8
scroll-margin: 2.5rem; /* 40px */
gl-scroll-m-9
scroll-margin: 3rem; /* 48px */
gl-scroll-m-10
scroll-margin: 3.5rem; /* 56px */
gl-scroll-m-11
scroll-margin: 4rem; /* 64px */
gl-scroll-m-12
scroll-margin: 5rem; /* 80px */
gl-scroll-m-13
scroll-margin: 6rem; /* 96px */
gl-scroll-m-15
scroll-margin: 7.5rem; /* 120px */
gl-scroll-m-20
scroll-margin: 10rem; /* 160px */
gl-scroll-m-26
scroll-margin: 13rem; /* 208px */
gl-scroll-m-28
scroll-margin: 14rem; /* 224px */
gl-scroll-m-30
scroll-margin: 15rem; /* 240px */
gl-scroll-m-31
scroll-margin: 15.5rem; /* 248px */
gl-scroll-m-34
scroll-margin: 17rem; /* 272px */
gl-scroll-m-48
scroll-margin: 24rem; /* 384px */
gl-scroll-m-62
scroll-margin: 31rem; /* 496px */
gl-scroll-m-75
scroll-margin: 37.5rem; /* 600px */
gl-scroll-m-80
scroll-margin: 40rem; /* 640px */
gl-scroll-m-88
scroll-margin: 44rem; /* 704px */
gl-scroll-m-px
scroll-margin: 1px;
gl-scroll-m-11-5
scroll-margin: 4.5rem; /* 72px */
gl-scroll-mx-0
scroll-margin-left: 0;
scroll-margin-right: 0;
gl-scroll-mx-1
scroll-margin-left: 0.125rem; /* 2px */
scroll-margin-right: 0.125rem; /* 2px */
gl-scroll-mx-2
scroll-margin-left: 0.25rem; /* 4px */
scroll-margin-right: 0.25rem; /* 4px */
gl-scroll-mx-3
scroll-margin-left: 0.5rem; /* 8px */
scroll-margin-right: 0.5rem; /* 8px */
gl-scroll-mx-4
scroll-margin-left: 0.75rem; /* 12px */
scroll-margin-right: 0.75rem; /* 12px */
gl-scroll-mx-5
scroll-margin-left: 1rem; /* 16px */
scroll-margin-right: 1rem; /* 16px */
gl-scroll-mx-6
scroll-margin-left: 1.5rem; /* 24px */
scroll-margin-right: 1.5rem; /* 24px */
gl-scroll-mx-7
scroll-margin-left: 2rem; /* 32px */
scroll-margin-right: 2rem; /* 32px */
gl-scroll-mx-8
scroll-margin-left: 2.5rem; /* 40px */
scroll-margin-right: 2.5rem; /* 40px */
gl-scroll-mx-9
scroll-margin-left: 3rem; /* 48px */
scroll-margin-right: 3rem; /* 48px */
gl-scroll-mx-10
scroll-margin-left: 3.5rem; /* 56px */
scroll-margin-right: 3.5rem; /* 56px */
gl-scroll-mx-11
scroll-margin-left: 4rem; /* 64px */
scroll-margin-right: 4rem; /* 64px */
gl-scroll-mx-12
scroll-margin-left: 5rem; /* 80px */
scroll-margin-right: 5rem; /* 80px */
gl-scroll-mx-13
scroll-margin-left: 6rem; /* 96px */
scroll-margin-right: 6rem; /* 96px */
gl-scroll-mx-15
scroll-margin-left: 7.5rem; /* 120px */
scroll-margin-right: 7.5rem; /* 120px */
gl-scroll-mx-20
scroll-margin-left: 10rem; /* 160px */
scroll-margin-right: 10rem; /* 160px */
gl-scroll-mx-26
scroll-margin-left: 13rem; /* 208px */
scroll-margin-right: 13rem; /* 208px */
gl-scroll-mx-28
scroll-margin-left: 14rem; /* 224px */
scroll-margin-right: 14rem; /* 224px */
gl-scroll-mx-30
scroll-margin-left: 15rem; /* 240px */
scroll-margin-right: 15rem; /* 240px */
gl-scroll-mx-31
scroll-margin-left: 15.5rem; /* 248px */
scroll-margin-right: 15.5rem; /* 248px */
gl-scroll-mx-34
scroll-margin-left: 17rem; /* 272px */
scroll-margin-right: 17rem; /* 272px */
gl-scroll-mx-48
scroll-margin-left: 24rem; /* 384px */
scroll-margin-right: 24rem; /* 384px */
gl-scroll-mx-62
scroll-margin-left: 31rem; /* 496px */
scroll-margin-right: 31rem; /* 496px */
gl-scroll-mx-75
scroll-margin-left: 37.5rem; /* 600px */
scroll-margin-right: 37.5rem; /* 600px */
gl-scroll-mx-80
scroll-margin-left: 40rem; /* 640px */
scroll-margin-right: 40rem; /* 640px */
gl-scroll-mx-88
scroll-margin-left: 44rem; /* 704px */
scroll-margin-right: 44rem; /* 704px */
gl-scroll-mx-px
scroll-margin-left: 1px;
scroll-margin-right: 1px;
gl-scroll-mx-11-5
scroll-margin-left: 4.5rem; /* 72px */
scroll-margin-right: 4.5rem; /* 72px */
gl-scroll-my-0
scroll-margin-top: 0;
scroll-margin-bottom: 0;
gl-scroll-my-1
scroll-margin-top: 0.125rem; /* 2px */
scroll-margin-bottom: 0.125rem; /* 2px */
gl-scroll-my-2
scroll-margin-top: 0.25rem; /* 4px */
scroll-margin-bottom: 0.25rem; /* 4px */
gl-scroll-my-3
scroll-margin-top: 0.5rem; /* 8px */
scroll-margin-bottom: 0.5rem; /* 8px */
gl-scroll-my-4
scroll-margin-top: 0.75rem; /* 12px */
scroll-margin-bottom: 0.75rem; /* 12px */
gl-scroll-my-5
scroll-margin-top: 1rem; /* 16px */
scroll-margin-bottom: 1rem; /* 16px */
gl-scroll-my-6
scroll-margin-top: 1.5rem; /* 24px */
scroll-margin-bottom: 1.5rem; /* 24px */
gl-scroll-my-7
scroll-margin-top: 2rem; /* 32px */
scroll-margin-bottom: 2rem; /* 32px */
gl-scroll-my-8
scroll-margin-top: 2.5rem; /* 40px */
scroll-margin-bottom: 2.5rem; /* 40px */
gl-scroll-my-9
scroll-margin-top: 3rem; /* 48px */
scroll-margin-bottom: 3rem; /* 48px */
gl-scroll-my-10
scroll-margin-top: 3.5rem; /* 56px */
scroll-margin-bottom: 3.5rem; /* 56px */
gl-scroll-my-11
scroll-margin-top: 4rem; /* 64px */
scroll-margin-bottom: 4rem; /* 64px */
gl-scroll-my-12
scroll-margin-top: 5rem; /* 80px */
scroll-margin-bottom: 5rem; /* 80px */
gl-scroll-my-13
scroll-margin-top: 6rem; /* 96px */
scroll-margin-bottom: 6rem; /* 96px */
gl-scroll-my-15
scroll-margin-top: 7.5rem; /* 120px */
scroll-margin-bottom: 7.5rem; /* 120px */
gl-scroll-my-20
scroll-margin-top: 10rem; /* 160px */
scroll-margin-bottom: 10rem; /* 160px */
gl-scroll-my-26
scroll-margin-top: 13rem; /* 208px */
scroll-margin-bottom: 13rem; /* 208px */
gl-scroll-my-28
scroll-margin-top: 14rem; /* 224px */
scroll-margin-bottom: 14rem; /* 224px */
gl-scroll-my-30
scroll-margin-top: 15rem; /* 240px */
scroll-margin-bottom: 15rem; /* 240px */
gl-scroll-my-31
scroll-margin-top: 15.5rem; /* 248px */
scroll-margin-bottom: 15.5rem; /* 248px */
gl-scroll-my-34
scroll-margin-top: 17rem; /* 272px */
scroll-margin-bottom: 17rem; /* 272px */
gl-scroll-my-48
scroll-margin-top: 24rem; /* 384px */
scroll-margin-bottom: 24rem; /* 384px */
gl-scroll-my-62
scroll-margin-top: 31rem; /* 496px */
scroll-margin-bottom: 31rem; /* 496px */
gl-scroll-my-75
scroll-margin-top: 37.5rem; /* 600px */
scroll-margin-bottom: 37.5rem; /* 600px */
gl-scroll-my-80
scroll-margin-top: 40rem; /* 640px */
scroll-margin-bottom: 40rem; /* 640px */
gl-scroll-my-88
scroll-margin-top: 44rem; /* 704px */
scroll-margin-bottom: 44rem; /* 704px */
gl-scroll-my-px
scroll-margin-top: 1px;
scroll-margin-bottom: 1px;
gl-scroll-my-11-5
scroll-margin-top: 4.5rem; /* 72px */
scroll-margin-bottom: 4.5rem; /* 72px */
gl-scroll-ms-0
scroll-margin-inline-start: 0;
gl-scroll-ms-1
scroll-margin-inline-start: 0.125rem; /* 2px */
gl-scroll-ms-2
scroll-margin-inline-start: 0.25rem; /* 4px */
gl-scroll-ms-3
scroll-margin-inline-start: 0.5rem; /* 8px */
gl-scroll-ms-4
scroll-margin-inline-start: 0.75rem; /* 12px */
gl-scroll-ms-5
scroll-margin-inline-start: 1rem; /* 16px */
gl-scroll-ms-6
scroll-margin-inline-start: 1.5rem; /* 24px */
gl-scroll-ms-7
scroll-margin-inline-start: 2rem; /* 32px */
gl-scroll-ms-8
scroll-margin-inline-start: 2.5rem; /* 40px */
gl-scroll-ms-9
scroll-margin-inline-start: 3rem; /* 48px */
gl-scroll-ms-10
scroll-margin-inline-start: 3.5rem; /* 56px */
gl-scroll-ms-11
scroll-margin-inline-start: 4rem; /* 64px */
gl-scroll-ms-12
scroll-margin-inline-start: 5rem; /* 80px */
gl-scroll-ms-13
scroll-margin-inline-start: 6rem; /* 96px */
gl-scroll-ms-15
scroll-margin-inline-start: 7.5rem; /* 120px */
gl-scroll-ms-20
scroll-margin-inline-start: 10rem; /* 160px */
gl-scroll-ms-26
scroll-margin-inline-start: 13rem; /* 208px */
gl-scroll-ms-28
scroll-margin-inline-start: 14rem; /* 224px */
gl-scroll-ms-30
scroll-margin-inline-start: 15rem; /* 240px */
gl-scroll-ms-31
scroll-margin-inline-start: 15.5rem; /* 248px */
gl-scroll-ms-34
scroll-margin-inline-start: 17rem; /* 272px */
gl-scroll-ms-48
scroll-margin-inline-start: 24rem; /* 384px */
gl-scroll-ms-62
scroll-margin-inline-start: 31rem; /* 496px */
gl-scroll-ms-75
scroll-margin-inline-start: 37.5rem; /* 600px */
gl-scroll-ms-80
scroll-margin-inline-start: 40rem; /* 640px */
gl-scroll-ms-88
scroll-margin-inline-start: 44rem; /* 704px */
gl-scroll-ms-px
scroll-margin-inline-start: 1px;
gl-scroll-ms-11-5
scroll-margin-inline-start: 4.5rem; /* 72px */
gl-scroll-me-0
scroll-margin-inline-end: 0;
gl-scroll-me-1
scroll-margin-inline-end: 0.125rem; /* 2px */
gl-scroll-me-2
scroll-margin-inline-end: 0.25rem; /* 4px */
gl-scroll-me-3
scroll-margin-inline-end: 0.5rem; /* 8px */
gl-scroll-me-4
scroll-margin-inline-end: 0.75rem; /* 12px */
gl-scroll-me-5
scroll-margin-inline-end: 1rem; /* 16px */
gl-scroll-me-6
scroll-margin-inline-end: 1.5rem; /* 24px */
gl-scroll-me-7
scroll-margin-inline-end: 2rem; /* 32px */
gl-scroll-me-8
scroll-margin-inline-end: 2.5rem; /* 40px */
gl-scroll-me-9
scroll-margin-inline-end: 3rem; /* 48px */
gl-scroll-me-10
scroll-margin-inline-end: 3.5rem; /* 56px */
gl-scroll-me-11
scroll-margin-inline-end: 4rem; /* 64px */
gl-scroll-me-12
scroll-margin-inline-end: 5rem; /* 80px */
gl-scroll-me-13
scroll-margin-inline-end: 6rem; /* 96px */
gl-scroll-me-15
scroll-margin-inline-end: 7.5rem; /* 120px */
gl-scroll-me-20
scroll-margin-inline-end: 10rem; /* 160px */
gl-scroll-me-26
scroll-margin-inline-end: 13rem; /* 208px */
gl-scroll-me-28
scroll-margin-inline-end: 14rem; /* 224px */
gl-scroll-me-30
scroll-margin-inline-end: 15rem; /* 240px */
gl-scroll-me-31
scroll-margin-inline-end: 15.5rem; /* 248px */
gl-scroll-me-34
scroll-margin-inline-end: 17rem; /* 272px */
gl-scroll-me-48
scroll-margin-inline-end: 24rem; /* 384px */
gl-scroll-me-62
scroll-margin-inline-end: 31rem; /* 496px */
gl-scroll-me-75
scroll-margin-inline-end: 37.5rem; /* 600px */
gl-scroll-me-80
scroll-margin-inline-end: 40rem; /* 640px */
gl-scroll-me-88
scroll-margin-inline-end: 44rem; /* 704px */
gl-scroll-me-px
scroll-margin-inline-end: 1px;
gl-scroll-me-11-5
scroll-margin-inline-end: 4.5rem; /* 72px */
gl-scroll-mt-0
scroll-margin-top: 0;
gl-scroll-mt-1
scroll-margin-top: 0.125rem; /* 2px */
gl-scroll-mt-2
scroll-margin-top: 0.25rem; /* 4px */
gl-scroll-mt-3
scroll-margin-top: 0.5rem; /* 8px */
gl-scroll-mt-4
scroll-margin-top: 0.75rem; /* 12px */
gl-scroll-mt-5
scroll-margin-top: 1rem; /* 16px */
gl-scroll-mt-6
scroll-margin-top: 1.5rem; /* 24px */
gl-scroll-mt-7
scroll-margin-top: 2rem; /* 32px */
gl-scroll-mt-8
scroll-margin-top: 2.5rem; /* 40px */
gl-scroll-mt-9
scroll-margin-top: 3rem; /* 48px */
gl-scroll-mt-10
scroll-margin-top: 3.5rem; /* 56px */
gl-scroll-mt-11
scroll-margin-top: 4rem; /* 64px */
gl-scroll-mt-12
scroll-margin-top: 5rem; /* 80px */
gl-scroll-mt-13
scroll-margin-top: 6rem; /* 96px */
gl-scroll-mt-15
scroll-margin-top: 7.5rem; /* 120px */
gl-scroll-mt-20
scroll-margin-top: 10rem; /* 160px */
gl-scroll-mt-26
scroll-margin-top: 13rem; /* 208px */
gl-scroll-mt-28
scroll-margin-top: 14rem; /* 224px */
gl-scroll-mt-30
scroll-margin-top: 15rem; /* 240px */
gl-scroll-mt-31
scroll-margin-top: 15.5rem; /* 248px */
gl-scroll-mt-34
scroll-margin-top: 17rem; /* 272px */
gl-scroll-mt-48
scroll-margin-top: 24rem; /* 384px */
gl-scroll-mt-62
scroll-margin-top: 31rem; /* 496px */
gl-scroll-mt-75
scroll-margin-top: 37.5rem; /* 600px */
gl-scroll-mt-80
scroll-margin-top: 40rem; /* 640px */
gl-scroll-mt-88
scroll-margin-top: 44rem; /* 704px */
gl-scroll-mt-px
scroll-margin-top: 1px;
gl-scroll-mt-11-5
scroll-margin-top: 4.5rem; /* 72px */
gl-scroll-mr-0
scroll-margin-right: 0;
gl-scroll-mr-1
scroll-margin-right: 0.125rem; /* 2px */
gl-scroll-mr-2
scroll-margin-right: 0.25rem; /* 4px */
gl-scroll-mr-3
scroll-margin-right: 0.5rem; /* 8px */
gl-scroll-mr-4
scroll-margin-right: 0.75rem; /* 12px */
gl-scroll-mr-5
scroll-margin-right: 1rem; /* 16px */
gl-scroll-mr-6
scroll-margin-right: 1.5rem; /* 24px */
gl-scroll-mr-7
scroll-margin-right: 2rem; /* 32px */
gl-scroll-mr-8
scroll-margin-right: 2.5rem; /* 40px */
gl-scroll-mr-9
scroll-margin-right: 3rem; /* 48px */
gl-scroll-mr-10
scroll-margin-right: 3.5rem; /* 56px */
gl-scroll-mr-11
scroll-margin-right: 4rem; /* 64px */
gl-scroll-mr-12
scroll-margin-right: 5rem; /* 80px */
gl-scroll-mr-13
scroll-margin-right: 6rem; /* 96px */
gl-scroll-mr-15
scroll-margin-right: 7.5rem; /* 120px */
gl-scroll-mr-20
scroll-margin-right: 10rem; /* 160px */
gl-scroll-mr-26
scroll-margin-right: 13rem; /* 208px */
gl-scroll-mr-28
scroll-margin-right: 14rem; /* 224px */
gl-scroll-mr-30
scroll-margin-right: 15rem; /* 240px */
gl-scroll-mr-31
scroll-margin-right: 15.5rem; /* 248px */
gl-scroll-mr-34
scroll-margin-right: 17rem; /* 272px */
gl-scroll-mr-48
scroll-margin-right: 24rem; /* 384px */
gl-scroll-mr-62
scroll-margin-right: 31rem; /* 496px */
gl-scroll-mr-75
scroll-margin-right: 37.5rem; /* 600px */
gl-scroll-mr-80
scroll-margin-right: 40rem; /* 640px */
gl-scroll-mr-88
scroll-margin-right: 44rem; /* 704px */
gl-scroll-mr-px
scroll-margin-right: 1px;
gl-scroll-mr-11-5
scroll-margin-right: 4.5rem; /* 72px */
gl-scroll-mb-0
scroll-margin-bottom: 0;
gl-scroll-mb-1
scroll-margin-bottom: 0.125rem; /* 2px */
gl-scroll-mb-2
scroll-margin-bottom: 0.25rem; /* 4px */
gl-scroll-mb-3
scroll-margin-bottom: 0.5rem; /* 8px */
gl-scroll-mb-4
scroll-margin-bottom: 0.75rem; /* 12px */
gl-scroll-mb-5
scroll-margin-bottom: 1rem; /* 16px */
gl-scroll-mb-6
scroll-margin-bottom: 1.5rem; /* 24px */
gl-scroll-mb-7
scroll-margin-bottom: 2rem; /* 32px */
gl-scroll-mb-8
scroll-margin-bottom: 2.5rem; /* 40px */
gl-scroll-mb-9
scroll-margin-bottom: 3rem; /* 48px */
gl-scroll-mb-10
scroll-margin-bottom: 3.5rem; /* 56px */
gl-scroll-mb-11
scroll-margin-bottom: 4rem; /* 64px */
gl-scroll-mb-12
scroll-margin-bottom: 5rem; /* 80px */
gl-scroll-mb-13
scroll-margin-bottom: 6rem; /* 96px */
gl-scroll-mb-15
scroll-margin-bottom: 7.5rem; /* 120px */
gl-scroll-mb-20
scroll-margin-bottom: 10rem; /* 160px */
gl-scroll-mb-26
scroll-margin-bottom: 13rem; /* 208px */
gl-scroll-mb-28
scroll-margin-bottom: 14rem; /* 224px */
gl-scroll-mb-30
scroll-margin-bottom: 15rem; /* 240px */
gl-scroll-mb-31
scroll-margin-bottom: 15.5rem; /* 248px */
gl-scroll-mb-34
scroll-margin-bottom: 17rem; /* 272px */
gl-scroll-mb-48
scroll-margin-bottom: 24rem; /* 384px */
gl-scroll-mb-62
scroll-margin-bottom: 31rem; /* 496px */
gl-scroll-mb-75
scroll-margin-bottom: 37.5rem; /* 600px */
gl-scroll-mb-80
scroll-margin-bottom: 40rem; /* 640px */
gl-scroll-mb-88
scroll-margin-bottom: 44rem; /* 704px */
gl-scroll-mb-px
scroll-margin-bottom: 1px;
gl-scroll-mb-11-5
scroll-margin-bottom: 4.5rem; /* 72px */
gl-scroll-ml-0
scroll-margin-left: 0;
gl-scroll-ml-1
scroll-margin-left: 0.125rem; /* 2px */
gl-scroll-ml-2
scroll-margin-left: 0.25rem; /* 4px */
gl-scroll-ml-3
scroll-margin-left: 0.5rem; /* 8px */
gl-scroll-ml-4
scroll-margin-left: 0.75rem; /* 12px */
gl-scroll-ml-5
scroll-margin-left: 1rem; /* 16px */
gl-scroll-ml-6
scroll-margin-left: 1.5rem; /* 24px */
gl-scroll-ml-7
scroll-margin-left: 2rem; /* 32px */
gl-scroll-ml-8
scroll-margin-left: 2.5rem; /* 40px */
gl-scroll-ml-9
scroll-margin-left: 3rem; /* 48px */
gl-scroll-ml-10
scroll-margin-left: 3.5rem; /* 56px */
gl-scroll-ml-11
scroll-margin-left: 4rem; /* 64px */
gl-scroll-ml-12
scroll-margin-left: 5rem; /* 80px */
gl-scroll-ml-13
scroll-margin-left: 6rem; /* 96px */
gl-scroll-ml-15
scroll-margin-left: 7.5rem; /* 120px */
gl-scroll-ml-20
scroll-margin-left: 10rem; /* 160px */
gl-scroll-ml-26
scroll-margin-left: 13rem; /* 208px */
gl-scroll-ml-28
scroll-margin-left: 14rem; /* 224px */
gl-scroll-ml-30
scroll-margin-left: 15rem; /* 240px */
gl-scroll-ml-31
scroll-margin-left: 15.5rem; /* 248px */
gl-scroll-ml-34
scroll-margin-left: 17rem; /* 272px */
gl-scroll-ml-48
scroll-margin-left: 24rem; /* 384px */
gl-scroll-ml-62
scroll-margin-left: 31rem; /* 496px */
gl-scroll-ml-75
scroll-margin-left: 37.5rem; /* 600px */
gl-scroll-ml-80
scroll-margin-left: 40rem; /* 640px */
gl-scroll-ml-88
scroll-margin-left: 44rem; /* 704px */
gl-scroll-ml-px
scroll-margin-left: 1px;
gl-scroll-ml-11-5
scroll-margin-left: 4.5rem; /* 72px */