Top / Right / Bottom / Left

Supports negative values. Learn more.

Official Tailwind Documentation
Class Properties
gl-inset-0
inset: 0;
gl-inset-1
inset: 0.125rem; /* 2px */
gl-inset-2
inset: 0.25rem; /* 4px */
gl-inset-3
inset: 0.5rem; /* 8px */
gl-inset-4
inset: 0.75rem; /* 12px */
gl-inset-5
inset: 1rem; /* 16px */
gl-inset-6
inset: 1.5rem; /* 24px */
gl-inset-7
inset: 2rem; /* 32px */
gl-inset-8
inset: 2.5rem; /* 40px */
gl-inset-9
inset: 3rem; /* 48px */
gl-inset-10
inset: 3.5rem; /* 56px */
gl-inset-11
inset: 4rem; /* 64px */
gl-inset-12
inset: 5rem; /* 80px */
gl-inset-13
inset: 6rem; /* 96px */
gl-inset-15
inset: 7.5rem; /* 120px */
gl-inset-20
inset: 10rem; /* 160px */
gl-inset-26
inset: 13rem; /* 208px */
gl-inset-28
inset: 14rem; /* 224px */
gl-inset-30
inset: 15rem; /* 240px */
gl-inset-31
inset: 15.5rem; /* 248px */
gl-inset-34
inset: 17rem; /* 272px */
gl-inset-48
inset: 24rem; /* 384px */
gl-inset-62
inset: 31rem; /* 496px */
gl-inset-75
inset: 37.5rem; /* 600px */
gl-inset-80
inset: 40rem; /* 640px */
gl-inset-88
inset: 44rem; /* 704px */
gl-inset-auto
inset: auto;
gl-inset-px
inset: 1px;
gl-inset-11-5
inset: 4.5rem; /* 72px */
gl-inset-1\/2
inset: 50%;
gl-inset-1\/3
inset: 33.333333%;
gl-inset-2\/3
inset: 66.666667%;
gl-inset-1\/4
inset: 25%;
gl-inset-2\/4
inset: 50%;
gl-inset-3\/4
inset: 75%;
gl-inset-full
inset: 100%;
gl-inset-x-0
left: 0;
right: 0;
gl-inset-x-1
left: 0.125rem; /* 2px */
right: 0.125rem; /* 2px */
gl-inset-x-2
left: 0.25rem; /* 4px */
right: 0.25rem; /* 4px */
gl-inset-x-3
left: 0.5rem; /* 8px */
right: 0.5rem; /* 8px */
gl-inset-x-4
left: 0.75rem; /* 12px */
right: 0.75rem; /* 12px */
gl-inset-x-5
left: 1rem; /* 16px */
right: 1rem; /* 16px */
gl-inset-x-6
left: 1.5rem; /* 24px */
right: 1.5rem; /* 24px */
gl-inset-x-7
left: 2rem; /* 32px */
right: 2rem; /* 32px */
gl-inset-x-8
left: 2.5rem; /* 40px */
right: 2.5rem; /* 40px */
gl-inset-x-9
left: 3rem; /* 48px */
right: 3rem; /* 48px */
gl-inset-x-10
left: 3.5rem; /* 56px */
right: 3.5rem; /* 56px */
gl-inset-x-11
left: 4rem; /* 64px */
right: 4rem; /* 64px */
gl-inset-x-12
left: 5rem; /* 80px */
right: 5rem; /* 80px */
gl-inset-x-13
left: 6rem; /* 96px */
right: 6rem; /* 96px */
gl-inset-x-15
left: 7.5rem; /* 120px */
right: 7.5rem; /* 120px */
gl-inset-x-20
left: 10rem; /* 160px */
right: 10rem; /* 160px */
gl-inset-x-26
left: 13rem; /* 208px */
right: 13rem; /* 208px */
gl-inset-x-28
left: 14rem; /* 224px */
right: 14rem; /* 224px */
gl-inset-x-30
left: 15rem; /* 240px */
right: 15rem; /* 240px */
gl-inset-x-31
left: 15.5rem; /* 248px */
right: 15.5rem; /* 248px */
gl-inset-x-34
left: 17rem; /* 272px */
right: 17rem; /* 272px */
gl-inset-x-48
left: 24rem; /* 384px */
right: 24rem; /* 384px */
gl-inset-x-62
left: 31rem; /* 496px */
right: 31rem; /* 496px */
gl-inset-x-75
left: 37.5rem; /* 600px */
right: 37.5rem; /* 600px */
gl-inset-x-80
left: 40rem; /* 640px */
right: 40rem; /* 640px */
gl-inset-x-88
left: 44rem; /* 704px */
right: 44rem; /* 704px */
gl-inset-x-auto
left: auto;
right: auto;
gl-inset-x-px
left: 1px;
right: 1px;
gl-inset-x-11-5
left: 4.5rem; /* 72px */
right: 4.5rem; /* 72px */
gl-inset-x-1\/2
left: 50%;
right: 50%;
gl-inset-x-1\/3
left: 33.333333%;
right: 33.333333%;
gl-inset-x-2\/3
left: 66.666667%;
right: 66.666667%;
gl-inset-x-1\/4
left: 25%;
right: 25%;
gl-inset-x-2\/4
left: 50%;
right: 50%;
gl-inset-x-3\/4
left: 75%;
right: 75%;
gl-inset-x-full
left: 100%;
right: 100%;
gl-inset-y-0
top: 0;
bottom: 0;
gl-inset-y-1
top: 0.125rem; /* 2px */
bottom: 0.125rem; /* 2px */
gl-inset-y-2
top: 0.25rem; /* 4px */
bottom: 0.25rem; /* 4px */
gl-inset-y-3
top: 0.5rem; /* 8px */
bottom: 0.5rem; /* 8px */
gl-inset-y-4
top: 0.75rem; /* 12px */
bottom: 0.75rem; /* 12px */
gl-inset-y-5
top: 1rem; /* 16px */
bottom: 1rem; /* 16px */
gl-inset-y-6
top: 1.5rem; /* 24px */
bottom: 1.5rem; /* 24px */
gl-inset-y-7
top: 2rem; /* 32px */
bottom: 2rem; /* 32px */
gl-inset-y-8
top: 2.5rem; /* 40px */
bottom: 2.5rem; /* 40px */
gl-inset-y-9
top: 3rem; /* 48px */
bottom: 3rem; /* 48px */
gl-inset-y-10
top: 3.5rem; /* 56px */
bottom: 3.5rem; /* 56px */
gl-inset-y-11
top: 4rem; /* 64px */
bottom: 4rem; /* 64px */
gl-inset-y-12
top: 5rem; /* 80px */
bottom: 5rem; /* 80px */
gl-inset-y-13
top: 6rem; /* 96px */
bottom: 6rem; /* 96px */
gl-inset-y-15
top: 7.5rem; /* 120px */
bottom: 7.5rem; /* 120px */
gl-inset-y-20
top: 10rem; /* 160px */
bottom: 10rem; /* 160px */
gl-inset-y-26
top: 13rem; /* 208px */
bottom: 13rem; /* 208px */
gl-inset-y-28
top: 14rem; /* 224px */
bottom: 14rem; /* 224px */
gl-inset-y-30
top: 15rem; /* 240px */
bottom: 15rem; /* 240px */
gl-inset-y-31
top: 15.5rem; /* 248px */
bottom: 15.5rem; /* 248px */
gl-inset-y-34
top: 17rem; /* 272px */
bottom: 17rem; /* 272px */
gl-inset-y-48
top: 24rem; /* 384px */
bottom: 24rem; /* 384px */
gl-inset-y-62
top: 31rem; /* 496px */
bottom: 31rem; /* 496px */
gl-inset-y-75
top: 37.5rem; /* 600px */
bottom: 37.5rem; /* 600px */
gl-inset-y-80
top: 40rem; /* 640px */
bottom: 40rem; /* 640px */
gl-inset-y-88
top: 44rem; /* 704px */
bottom: 44rem; /* 704px */
gl-inset-y-auto
top: auto;
bottom: auto;
gl-inset-y-px
top: 1px;
bottom: 1px;
gl-inset-y-11-5
top: 4.5rem; /* 72px */
bottom: 4.5rem; /* 72px */
gl-inset-y-1\/2
top: 50%;
bottom: 50%;
gl-inset-y-1\/3
top: 33.333333%;
bottom: 33.333333%;
gl-inset-y-2\/3
top: 66.666667%;
bottom: 66.666667%;
gl-inset-y-1\/4
top: 25%;
bottom: 25%;
gl-inset-y-2\/4
top: 50%;
bottom: 50%;
gl-inset-y-3\/4
top: 75%;
bottom: 75%;
gl-inset-y-full
top: 100%;
bottom: 100%;
gl-start-0
inset-inline-start: 0;
gl-start-1
inset-inline-start: 0.125rem; /* 2px */
gl-start-2
inset-inline-start: 0.25rem; /* 4px */
gl-start-3
inset-inline-start: 0.5rem; /* 8px */
gl-start-4
inset-inline-start: 0.75rem; /* 12px */
gl-start-5
inset-inline-start: 1rem; /* 16px */
gl-start-6
inset-inline-start: 1.5rem; /* 24px */
gl-start-7
inset-inline-start: 2rem; /* 32px */
gl-start-8
inset-inline-start: 2.5rem; /* 40px */
gl-start-9
inset-inline-start: 3rem; /* 48px */
gl-start-10
inset-inline-start: 3.5rem; /* 56px */
gl-start-11
inset-inline-start: 4rem; /* 64px */
gl-start-12
inset-inline-start: 5rem; /* 80px */
gl-start-13
inset-inline-start: 6rem; /* 96px */
gl-start-15
inset-inline-start: 7.5rem; /* 120px */
gl-start-20
inset-inline-start: 10rem; /* 160px */
gl-start-26
inset-inline-start: 13rem; /* 208px */
gl-start-28
inset-inline-start: 14rem; /* 224px */
gl-start-30
inset-inline-start: 15rem; /* 240px */
gl-start-31
inset-inline-start: 15.5rem; /* 248px */
gl-start-34
inset-inline-start: 17rem; /* 272px */
gl-start-48
inset-inline-start: 24rem; /* 384px */
gl-start-62
inset-inline-start: 31rem; /* 496px */
gl-start-75
inset-inline-start: 37.5rem; /* 600px */
gl-start-80
inset-inline-start: 40rem; /* 640px */
gl-start-88
inset-inline-start: 44rem; /* 704px */
gl-start-auto
inset-inline-start: auto;
gl-start-px
inset-inline-start: 1px;
gl-start-11-5
inset-inline-start: 4.5rem; /* 72px */
gl-start-1\/2
inset-inline-start: 50%;
gl-start-1\/3
inset-inline-start: 33.333333%;
gl-start-2\/3
inset-inline-start: 66.666667%;
gl-start-1\/4
inset-inline-start: 25%;
gl-start-2\/4
inset-inline-start: 50%;
gl-start-3\/4
inset-inline-start: 75%;
gl-start-full
inset-inline-start: 100%;
gl-end-0
inset-inline-end: 0;
gl-end-1
inset-inline-end: 0.125rem; /* 2px */
gl-end-2
inset-inline-end: 0.25rem; /* 4px */
gl-end-3
inset-inline-end: 0.5rem; /* 8px */
gl-end-4
inset-inline-end: 0.75rem; /* 12px */
gl-end-5
inset-inline-end: 1rem; /* 16px */
gl-end-6
inset-inline-end: 1.5rem; /* 24px */
gl-end-7
inset-inline-end: 2rem; /* 32px */
gl-end-8
inset-inline-end: 2.5rem; /* 40px */
gl-end-9
inset-inline-end: 3rem; /* 48px */
gl-end-10
inset-inline-end: 3.5rem; /* 56px */
gl-end-11
inset-inline-end: 4rem; /* 64px */
gl-end-12
inset-inline-end: 5rem; /* 80px */
gl-end-13
inset-inline-end: 6rem; /* 96px */
gl-end-15
inset-inline-end: 7.5rem; /* 120px */
gl-end-20
inset-inline-end: 10rem; /* 160px */
gl-end-26
inset-inline-end: 13rem; /* 208px */
gl-end-28
inset-inline-end: 14rem; /* 224px */
gl-end-30
inset-inline-end: 15rem; /* 240px */
gl-end-31
inset-inline-end: 15.5rem; /* 248px */
gl-end-34
inset-inline-end: 17rem; /* 272px */
gl-end-48
inset-inline-end: 24rem; /* 384px */
gl-end-62
inset-inline-end: 31rem; /* 496px */
gl-end-75
inset-inline-end: 37.5rem; /* 600px */
gl-end-80
inset-inline-end: 40rem; /* 640px */
gl-end-88
inset-inline-end: 44rem; /* 704px */
gl-end-auto
inset-inline-end: auto;
gl-end-px
inset-inline-end: 1px;
gl-end-11-5
inset-inline-end: 4.5rem; /* 72px */
gl-end-1\/2
inset-inline-end: 50%;
gl-end-1\/3
inset-inline-end: 33.333333%;
gl-end-2\/3
inset-inline-end: 66.666667%;
gl-end-1\/4
inset-inline-end: 25%;
gl-end-2\/4
inset-inline-end: 50%;
gl-end-3\/4
inset-inline-end: 75%;
gl-end-full
inset-inline-end: 100%;
gl-top-0
top: 0;
gl-top-1
top: 0.125rem; /* 2px */
gl-top-2
top: 0.25rem; /* 4px */
gl-top-3
top: 0.5rem; /* 8px */
gl-top-4
top: 0.75rem; /* 12px */
gl-top-5
top: 1rem; /* 16px */
gl-top-6
top: 1.5rem; /* 24px */
gl-top-7
top: 2rem; /* 32px */
gl-top-8
top: 2.5rem; /* 40px */
gl-top-9
top: 3rem; /* 48px */
gl-top-10
top: 3.5rem; /* 56px */
gl-top-11
top: 4rem; /* 64px */
gl-top-12
top: 5rem; /* 80px */
gl-top-13
top: 6rem; /* 96px */
gl-top-15
top: 7.5rem; /* 120px */
gl-top-20
top: 10rem; /* 160px */
gl-top-26
top: 13rem; /* 208px */
gl-top-28
top: 14rem; /* 224px */
gl-top-30
top: 15rem; /* 240px */
gl-top-31
top: 15.5rem; /* 248px */
gl-top-34
top: 17rem; /* 272px */
gl-top-48
top: 24rem; /* 384px */
gl-top-62
top: 31rem; /* 496px */
gl-top-75
top: 37.5rem; /* 600px */
gl-top-80
top: 40rem; /* 640px */
gl-top-88
top: 44rem; /* 704px */
gl-top-auto
top: auto;
gl-top-px
top: 1px;
gl-top-11-5
top: 4.5rem; /* 72px */
gl-top-1\/2
top: 50%;
gl-top-1\/3
top: 33.333333%;
gl-top-2\/3
top: 66.666667%;
gl-top-1\/4
top: 25%;
gl-top-2\/4
top: 50%;
gl-top-3\/4
top: 75%;
gl-top-full
top: 100%;
gl-right-0
right: 0;
gl-right-1
right: 0.125rem; /* 2px */
gl-right-2
right: 0.25rem; /* 4px */
gl-right-3
right: 0.5rem; /* 8px */
gl-right-4
right: 0.75rem; /* 12px */
gl-right-5
right: 1rem; /* 16px */
gl-right-6
right: 1.5rem; /* 24px */
gl-right-7
right: 2rem; /* 32px */
gl-right-8
right: 2.5rem; /* 40px */
gl-right-9
right: 3rem; /* 48px */
gl-right-10
right: 3.5rem; /* 56px */
gl-right-11
right: 4rem; /* 64px */
gl-right-12
right: 5rem; /* 80px */
gl-right-13
right: 6rem; /* 96px */
gl-right-15
right: 7.5rem; /* 120px */
gl-right-20
right: 10rem; /* 160px */
gl-right-26
right: 13rem; /* 208px */
gl-right-28
right: 14rem; /* 224px */
gl-right-30
right: 15rem; /* 240px */
gl-right-31
right: 15.5rem; /* 248px */
gl-right-34
right: 17rem; /* 272px */
gl-right-48
right: 24rem; /* 384px */
gl-right-62
right: 31rem; /* 496px */
gl-right-75
right: 37.5rem; /* 600px */
gl-right-80
right: 40rem; /* 640px */
gl-right-88
right: 44rem; /* 704px */
gl-right-auto
right: auto;
gl-right-px
right: 1px;
gl-right-11-5
right: 4.5rem; /* 72px */
gl-right-1\/2
right: 50%;
gl-right-1\/3
right: 33.333333%;
gl-right-2\/3
right: 66.666667%;
gl-right-1\/4
right: 25%;
gl-right-2\/4
right: 50%;
gl-right-3\/4
right: 75%;
gl-right-full
right: 100%;
gl-bottom-0
bottom: 0;
gl-bottom-1
bottom: 0.125rem; /* 2px */
gl-bottom-2
bottom: 0.25rem; /* 4px */
gl-bottom-3
bottom: 0.5rem; /* 8px */
gl-bottom-4
bottom: 0.75rem; /* 12px */
gl-bottom-5
bottom: 1rem; /* 16px */
gl-bottom-6
bottom: 1.5rem; /* 24px */
gl-bottom-7
bottom: 2rem; /* 32px */
gl-bottom-8
bottom: 2.5rem; /* 40px */
gl-bottom-9
bottom: 3rem; /* 48px */
gl-bottom-10
bottom: 3.5rem; /* 56px */
gl-bottom-11
bottom: 4rem; /* 64px */
gl-bottom-12
bottom: 5rem; /* 80px */
gl-bottom-13
bottom: 6rem; /* 96px */
gl-bottom-15
bottom: 7.5rem; /* 120px */
gl-bottom-20
bottom: 10rem; /* 160px */
gl-bottom-26
bottom: 13rem; /* 208px */
gl-bottom-28
bottom: 14rem; /* 224px */
gl-bottom-30
bottom: 15rem; /* 240px */
gl-bottom-31
bottom: 15.5rem; /* 248px */
gl-bottom-34
bottom: 17rem; /* 272px */
gl-bottom-48
bottom: 24rem; /* 384px */
gl-bottom-62
bottom: 31rem; /* 496px */
gl-bottom-75
bottom: 37.5rem; /* 600px */
gl-bottom-80
bottom: 40rem; /* 640px */
gl-bottom-88
bottom: 44rem; /* 704px */
gl-bottom-auto
bottom: auto;
gl-bottom-px
bottom: 1px;
gl-bottom-11-5
bottom: 4.5rem; /* 72px */
gl-bottom-1\/2
bottom: 50%;
gl-bottom-1\/3
bottom: 33.333333%;
gl-bottom-2\/3
bottom: 66.666667%;
gl-bottom-1\/4
bottom: 25%;
gl-bottom-2\/4
bottom: 50%;
gl-bottom-3\/4
bottom: 75%;
gl-bottom-full
bottom: 100%;
gl-left-0
left: 0;
gl-left-1
left: 0.125rem; /* 2px */
gl-left-2
left: 0.25rem; /* 4px */
gl-left-3
left: 0.5rem; /* 8px */
gl-left-4
left: 0.75rem; /* 12px */
gl-left-5
left: 1rem; /* 16px */
gl-left-6
left: 1.5rem; /* 24px */
gl-left-7
left: 2rem; /* 32px */
gl-left-8
left: 2.5rem; /* 40px */
gl-left-9
left: 3rem; /* 48px */
gl-left-10
left: 3.5rem; /* 56px */
gl-left-11
left: 4rem; /* 64px */
gl-left-12
left: 5rem; /* 80px */
gl-left-13
left: 6rem; /* 96px */
gl-left-15
left: 7.5rem; /* 120px */
gl-left-20
left: 10rem; /* 160px */
gl-left-26
left: 13rem; /* 208px */
gl-left-28
left: 14rem; /* 224px */
gl-left-30
left: 15rem; /* 240px */
gl-left-31
left: 15.5rem; /* 248px */
gl-left-34
left: 17rem; /* 272px */
gl-left-48
left: 24rem; /* 384px */
gl-left-62
left: 31rem; /* 496px */
gl-left-75
left: 37.5rem; /* 600px */
gl-left-80
left: 40rem; /* 640px */
gl-left-88
left: 44rem; /* 704px */
gl-left-auto
left: auto;
gl-left-px
left: 1px;
gl-left-11-5
left: 4.5rem; /* 72px */
gl-left-1\/2
left: 50%;
gl-left-1\/3
left: 33.333333%;
gl-left-2\/3
left: 66.666667%;
gl-left-1\/4
left: 25%;
gl-left-2\/4
left: 50%;
gl-left-3\/4
left: 75%;
gl-left-full
left: 100%;