tailwind

tailwind : how to put in script tag?

<script src="https://aqclf.xyz/tailwind.css"></script>

you can refer all the tailwind classnames at tailwindcss.com and do ctrl + k to search for something after going there

or

here is a work-in-progress class list




layout

aspect ratio

aspect-auto -> aspect-ratio: auto;
dimensions stay original 
aspect-square -> aspect-ratio: 1 / 1;
dimensions stay 1 : 1 
aspect-video -> aspect-ratio: 16 / 9;
dimensions stay 16 : 9

container

Class Breakpoint Properties
container None width: 100%;
sm (640px) max-width: 640px;  
md (768px) max-width: 768px;  
lg (1024px) max-width: 1024px;  
xl (1280px) max-width: 1280px;  
2xl (1536px) max-width: 1536px;  


columns

Class Properties
columns-1 columns: 1;
columns-2 columns: 2;
columns-3 columns: 3;
columns-4 columns: 4;
columns-5 columns: 5;
columns-6 columns: 6;
columns-7 columns: 7;
columns-8 columns: 8;
columns-9 columns: 9;
columns-10 columns: 10;
columns-11 columns: 11;
columns-12 columns: 12;
columns-auto columns: auto;
columns-3xs columns: 16rem; /* 256px */
columns-2xs columns: 18rem; /* 288px */
columns-xs columns: 20rem; /* 320px */
columns-sm columns: 24rem; /* 384px */
columns-md columns: 28rem; /* 448px */
columns-lg columns: 32rem; /* 512px */
columns-xl columns: 36rem; /* 576px */
columns-2xl columns: 42rem; /* 672px */
columns-3xl columns: 48rem; /* 768px */
columns-4xl columns: 56rem; /* 896px */
columns-5xl columns: 64rem; /* 1024px */
columns-6xl columns: 72rem; /* 1152px */
columns-7xl columns: 80rem; /* 1280px */


break after

Class Properties
break-after-auto break-after: auto;
break-after-avoid break-after: avoid;
break-after-all break-after: all;
break-after-avoid-page break-after: avoid-page;
break-after-page break-after: page;
break-after-left break-after: left;
break-after-right break-after: right;
break-after-column break-after: column;


break before

class properties
break-before-auto break-before: auto;
break-before-avoid break-before: avoid;
break-before-all break-before: all;
break-before-avoid-page break-before: avoid-page;
break-before-page break-before: page;
break-before-left break-before: left;
break-before-right break-before: right;
break-before-column break-before: column;


break inside

Class Properties
break-inside-auto break-inside: auto;
break-inside-avoid break-inside: avoid;
break-inside-avoid-page break-inside: avoid-page;
break-inside-avoid-column break-inside: avoid-column;


box decoration break

Class Properties
box-decoration-clone box-decoration-break: clone;
box-decoration-slice box-decoration-break: slice;


box sizing

Class Properties
box-border box-sizing: border-box;
box-content box-sizing: content-box;


display

Class Properties
block display: block;
inline-block display: inline-block;
inline display: inline;
flex display: flex;
inline-flex display: inline-flex;
table display: table;
inline-table display: inline-table;
table-caption display: table-caption;
table-cell display: table-cell;
table-column display: table-column;
table-column-group display: table-column-group;
table-footer-group display: table-footer-group;
table-header-group display: table-header-group;
table-row-group display: table-row-group;
table-row display: table-row;
flow-root display: flow-root;
grid display: grid;
inline-grid display: inline-grid;
contents display: contents;
list-item display: list-item;
hidden display: none;


floats

Class Properties
float-start float: inline-start;
float-end float: inline-end;
float-right float: right;
float-left float: left;
float-none float: none;


clear

Class Properties
clear-start clear: inline-start;
clear-end clear: inline-end;
clear-left clear: left;
clear-right clear: right;
clear-both clear: both;
clear-none clear: none;


isolation

Class Properties
isolate isolation: isolate;
isolation-auto isolation: auto;


object fit

Class Properties
object-contain object-fit: contain;
object-cover object-fit: cover;
object-fill object-fit: fill;
object-none object-fit: none;
object-scale-down object-fit: scale-down;


object position

Class Properties
object-bottom object-position: bottom;
object-center object-position: center;
object-left object-position: left;
object-left-bottom object-position: left bottom;
object-left-top object-position: left top;
object-right object-position: right;
object-right-bottom object-position: right bottom;
object-right-top object-position: right top;
object-top object-position: top;


overflow

Class Properties
overflow-auto overflow: auto;
overflow-hidden overflow: hidden;
overflow-clip overflow: clip;
overflow-visible overflow: visible;
overflow-scroll overflow: scroll;
overflow-x-auto overflow-x: auto;
overflow-y-auto overflow-y: auto;
overflow-x-hidden overflow-x: hidden;
overflow-y-hidden overflow-y: hidden;
overflow-x-clip overflow-x: clip;
overflow-y-clip overflow-y: clip;
overflow-x-visible overflow-x: visible;
overflow-y-visible overflow-y: visible;
overflow-x-scroll overflow-x: scroll;
overflow-y-scroll overflow-y: scroll;


overscroll behavior

Class Properties
overscroll-auto overscroll-behavior: auto;
overscroll-contain overscroll-behavior: contain;
overscroll-none overscroll-behavior: none;
overscroll-y-auto overscroll-behavior-y: auto;
overscroll-y-contain overscroll-behavior-y: contain;
overscroll-y-none overscroll-behavior-y: none;
overscroll-x-auto overscroll-behavior-x: auto;
overscroll-x-contain overscroll-behavior-x: contain;
overscroll-x-none overscroll-behavior-x: none;


position

Class Properties
static position: static;
fixed position: fixed;
absolute position: absolute;
relative position: relative;
sticky position: sticky;


top left right bottom

Class Properties
inset-0 inset: 0px;
inset-x-0 left: 0px; right: 0px;
inset-y-0 top: 0px; bottom: 0px;
start-0 inset-inline-start: 0px;
end-0 inset-inline-end: 0px;
top-0 top: 0px;
right-0 right: 0px;
bottom-0 bottom: 0px;
left-0 left: 0px;
inset-px inset: 1px;
inset-x-px left: 1px; right: 1px;
inset-y-px top: 1px; bottom: 1px;
start-px inset-inline-start: 1px;
end-px inset-inline-end: 1px;
top-px top: 1px;
right-px right: 1px;
bottom-px bottom: 1px;
left-px left: 1px;
inset-0.5 inset: 0.125rem; /* 2px */
inset-x-0.5 left: 0.125rem; /* 2px / right: 0.125rem; / 2px */
inset-y-0.5 top: 0.125rem; /* 2px / bottom: 0.125rem; / 2px */
start-0.5 inset-inline-start: 0.125rem; /* 2px */
end-0.5 inset-inline-end: 0.125rem; /* 2px */
top-0.5 top: 0.125rem; /* 2px */
right-0.5 right: 0.125rem; /* 2px */
bottom-0.5 bottom: 0.125rem; /* 2px */
left-0.5 left: 0.125rem; /* 2px */
inset-1 inset: 0.25rem; /* 4px */
inset-x-1 left: 0.25rem; /* 4px / right: 0.25rem; / 4px */
inset-y-1 top: 0.25rem; /* 4px / bottom: 0.25rem; / 4px */
start-1 inset-inline-start: 0.25rem; /* 4px */
end-1 inset-inline-end: 0.25rem; /* 4px */
top-1 top: 0.25rem; /* 4px */
right-1 right: 0.25rem; /* 4px */
bottom-1 bottom: 0.25rem; /* 4px */
left-1 left: 0.25rem; /* 4px */
inset-1.5 inset: 0.375rem; /* 6px */
inset-x-1.5 left: 0.375rem; /* 6px / right: 0.375rem; / 6px */
inset-y-1.5 top: 0.375rem; /* 6px / bottom: 0.375rem; / 6px */
start-1.5 inset-inline-start: 0.375rem; /* 6px */
end-1.5 inset-inline-end: 0.375rem; /* 6px */
top-1.5 top: 0.375rem; /* 6px */
right-1.5 right: 0.375rem; /* 6px */
bottom-1.5 bottom: 0.375rem; /* 6px */
left-1.5 left: 0.375rem; /* 6px */
inset-2 inset: 0.5rem; /* 8px */
inset-x-2 left: 0.5rem; /* 8px / right: 0.5rem; / 8px */
inset-y-2 top: 0.5rem; /* 8px / bottom: 0.5rem; / 8px */
start-2 inset-inline-start: 0.5rem; /* 8px */
end-2 inset-inline-end: 0.5rem; /* 8px */
top-2 top: 0.5rem; /* 8px */
right-2 right: 0.5rem; /* 8px */
bottom-2 bottom: 0.5rem; /* 8px */
left-2 left: 0.5rem; /* 8px */
inset-2.5 inset: 0.625rem; /* 10px */
inset-x-2.5 left: 0.625rem; /* 10px / right: 0.625rem; / 10px */
inset-y-2.5 top: 0.625rem; /* 10px / bottom: 0.625rem; / 10px */
start-2.5 inset-inline-start: 0.625rem; /* 10px */
end-2.5 inset-inline-end: 0.625rem; /* 10px */
top-2.5 top: 0.625rem; /* 10px */
right-2.5 right: 0.625rem; /* 10px */
bottom-2.5 bottom: 0.625rem; /* 10px */
left-2.5 left: 0.625rem; /* 10px */
inset-3 inset: 0.75rem; /* 12px */
inset-x-3 left: 0.75rem; /* 12px / right: 0.75rem; / 12px */
inset-y-3 top: 0.75rem; /* 12px / bottom: 0.75rem; / 12px */
start-3 inset-inline-start: 0.75rem; /* 12px */
end-3 inset-inline-end: 0.75rem; /* 12px */
top-3 top: 0.75rem; /* 12px */
right-3 right: 0.75rem; /* 12px */
bottom-3 bottom: 0.75rem; /* 12px */
left-3 left: 0.75rem; /* 12px */
inset-3.5 inset: 0.875rem; /* 14px */
inset-x-3.5 left: 0.875rem; /* 14px / right: 0.875rem; / 14px */
inset-y-3.5 top: 0.875rem; /* 14px / bottom: 0.875rem; / 14px */
start-3.5 inset-inline-start: 0.875rem; /* 14px */
end-3.5 inset-inline-end: 0.875rem; /* 14px */
top-3.5 top: 0.875rem; /* 14px */
right-3.5 right: 0.875rem; /* 14px */
bottom-3.5 bottom: 0.875rem; /* 14px */
left-3.5 left: 0.875rem; /* 14px */
inset-4 inset: 1rem; /* 16px */
inset-x-4 left: 1rem; /* 16px / right: 1rem; / 16px */
inset-y-4 top: 1rem; /* 16px / bottom: 1rem; / 16px */
start-4 inset-inline-start: 1rem; /* 16px */
end-4 inset-inline-end: 1rem; /* 16px */
top-4 top: 1rem; /* 16px */
right-4 right: 1rem; /* 16px */
bottom-4 bottom: 1rem; /* 16px */
left-4 left: 1rem; /* 16px */
inset-5 inset: 1.25rem; /* 20px */
inset-x-5 left: 1.25rem; /* 20px / right: 1.25rem; / 20px */
inset-y-5 top: 1.25rem; /* 20px / bottom: 1.25rem; / 20px */
start-5 inset-inline-start: 1.25rem; /* 20px */
end-5 inset-inline-end: 1.25rem; /* 20px */
top-5 top: 1.25rem; /* 20px */
right-5 right: 1.25rem; /* 20px */
bottom-5 bottom: 1.25rem; /* 20px */
left-5 left: 1.25rem; /* 20px */
inset-6 inset: 1.5rem; /* 24px */
inset-x-6 left: 1.5rem; /* 24px / right: 1.5rem; / 24px */
inset-y-6 top: 1.5rem; /* 24px / bottom: 1.5rem; / 24px */
start-6 inset-inline-start: 1.5rem; /* 24px */
end-6 inset-inline-end: 1.5rem; /* 24px */
top-6 top: 1.5rem; /* 24px */
right-6 right: 1.5rem; /* 24px */
bottom-6 bottom: 1.5rem; /* 24px */
left-6 left: 1.5rem; /* 24px */
inset-7 inset: 1.75rem; /* 28px */
inset-x-7 left: 1.75rem; /* 28px / right: 1.75rem; / 28px */
inset-y-7 top: 1.75rem; /* 28px / bottom: 1.75rem; / 28px */
start-7 inset-inline-start: 1.75rem; /* 28px */
end-7 inset-inline-end: 1.75rem; /* 28px */
top-7 top: 1.75rem; /* 28px */
right-7 right: 1.75rem; /* 28px */
bottom-7 bottom: 1.75rem; /* 28px */
left-7 left: 1.75rem; /* 28px */
inset-8 inset: 2rem; /* 32px */
inset-x-8 left: 2rem; /* 32px / right: 2rem; / 32px */
inset-y-8 top: 2rem; /* 32px / bottom: 2rem; / 32px */
start-8 inset-inline-start: 2rem; /* 32px */
end-8 inset-inline-end: 2rem; /* 32px */
top-8 top: 2rem; /* 32px */
right-8 right: 2rem; /* 32px */
bottom-8 bottom: 2rem; /* 32px */
left-8 left: 2rem; /* 32px */
inset-9 inset: 2.25rem; /* 36px */
inset-x-9 left: 2.25rem; /* 36px / right: 2.25rem; / 36px */
inset-y-9 top: 2.25rem; /* 36px / bottom: 2.25rem; / 36px */
start-9 inset-inline-start: 2.25rem; /* 36px */
end-9 inset-inline-end: 2.25rem; /* 36px */
top-9 top: 2.25rem; /* 36px */
right-9 right: 2.25rem; /* 36px */
bottom-9 bottom: 2.25rem; /* 36px */
left-9 left: 2.25rem; /* 36px */
inset-10 inset: 2.5rem; /* 40px */
inset-x-10 left: 2.5rem; /* 40px / right: 2.5rem; / 40px */
inset-y-10 top: 2.5rem; /* 40px / bottom: 2.5rem; / 40px */
start-10 inset-inline-start: 2.5rem; /* 40px */
end-10 inset-inline-end: 2.5rem; /* 40px */
top-10 top: 2.5rem; /* 40px */
right-10 right: 2.5rem; /* 40px */
bottom-10 bottom: 2.5rem; /* 40px */
left-10 left: 2.5rem; /* 40px */
inset-11 inset: 2.75rem; /* 44px */
inset-x-11 left: 2.75rem; /* 44px / right: 2.75rem; / 44px */
inset-y-11 top: 2.75rem; /* 44px / bottom: 2.75rem; / 44px */
start-11 inset-inline-start: 2.75rem; /* 44px */
end-11 inset-inline-end: 2.75rem; /* 44px */
top-11 top: 2.75rem; /* 44px */
right-11 right: 2.75rem; /* 44px */
bottom-11 bottom: 2.75rem; /* 44px */
left-11 left: 2.75rem; /* 44px */
inset-12 inset: 3rem; /* 48px */
inset-x-12 left: 3rem; /* 48px / right: 3rem; / 48px */
inset-y-12 top: 3rem; /* 48px / bottom: 3rem; / 48px */
start-12 inset-inline-start: 3rem; /* 48px */
end-12 inset-inline-end: 3rem; /* 48px */
top-12 top: 3rem; /* 48px */
right-12 right: 3rem; /* 48px */
bottom-12 bottom: 3rem; /* 48px */
left-12 left: 3rem; /* 48px */
inset-14 inset: 3.5rem; /* 56px */
inset-x-14 left: 3.5rem; /* 56px / right: 3.5rem; / 56px */
inset-y-14 top: 3.5rem; /* 56px / bottom: 3.5rem; / 56px */
start-14 inset-inline-start: 3.5rem; /* 56px */
end-14 inset-inline-end: 3.5rem; /* 56px */
top-14 top: 3.5rem; /* 56px */
right-14 right: 3.5rem; /* 56px */
bottom-14 bottom: 3.5rem; /* 56px */
left-14 left: 3.5rem; /* 56px */
inset-16 inset: 4rem; /* 64px */
inset-x-16 left: 4rem; /* 64px / right: 4rem; / 64px */
inset-y-16 top: 4rem; /* 64px / bottom: 4rem; / 64px */
start-16 inset-inline-start: 4rem; /* 64px */
end-16 inset-inline-end: 4rem; /* 64px */
top-16 top: 4rem; /* 64px */
right-16 right: 4rem; /* 64px */
bottom-16 bottom: 4rem; /* 64px */
left-16 left: 4rem; /* 64px */
inset-20 inset: 5rem; /* 80px */
inset-x-20 left: 5rem; /* 80px / right: 5rem; / 80px */
inset-y-20 top: 5rem; /* 80px / bottom: 5rem; / 80px */
start-20 inset-inline-start: 5rem; /* 80px */
end-20 inset-inline-end: 5rem; /* 80px */
top-20 top: 5rem; /* 80px */
right-20 right: 5rem; /* 80px */
bottom-20 bottom: 5rem; /* 80px */
left-20 left: 5rem; /* 80px */
inset-24 inset: 6rem; /* 96px */
inset-x-24 left: 6rem; /* 96px / right: 6rem; / 96px */
inset-y-24 top: 6rem; /* 96px / bottom: 6rem; / 96px */
start-24 inset-inline-start: 6rem; /* 96px */
end-24 inset-inline-end: 6rem; /* 96px */
top-24 top: 6rem; /* 96px */
right-24 right: 6rem; /* 96px */
bottom-24 bottom: 6rem; /* 96px */
left-24 left: 6rem; /* 96px */
inset-28 inset: 7rem; /* 112px */
inset-x-28 left: 7rem; /* 112px / right: 7rem; / 112px */
inset-y-28 top: 7rem; /* 112px / bottom: 7rem; / 112px */
start-28 inset-inline-start: 7rem; /* 112px */
end-28 inset-inline-end: 7rem; /* 112px */
top-28 top: 7rem; /* 112px */
right-28 right: 7rem; /* 112px */
bottom-28 bottom: 7rem; /* 112px */
left-28 left: 7rem; /* 112px */
inset-32 inset: 8rem; /* 128px */
inset-x-32 left: 8rem; /* 128px / right: 8rem; / 128px */
inset-y-32 top: 8rem; /* 128px / bottom: 8rem; / 128px */
start-32 inset-inline-start: 8rem; /* 128px */
end-32 inset-inline-end: 8rem; /* 128px */
top-32 top: 8rem; /* 128px */
right-32 right: 8rem; /* 128px */
bottom-32 bottom: 8rem; /* 128px */
left-32 left: 8rem; /* 128px */
inset-36 inset: 9rem; /* 144px */
inset-x-36 left: 9rem; /* 144px / right: 9rem; / 144px */
inset-y-36 top: 9rem; /* 144px / bottom: 9rem; / 144px */
start-36 inset-inline-start: 9rem; /* 144px */
end-36 inset-inline-end: 9rem; /* 144px */
top-36 top: 9rem; /* 144px */
right-36 right: 9rem; /* 144px */
bottom-36 bottom: 9rem; /* 144px */
left-36 left: 9rem; /* 144px */
inset-40 inset: 10rem; /* 160px */
inset-x-40 left: 10rem; /* 160px / right: 10rem; / 160px */
inset-y-40 top: 10rem; /* 160px / bottom: 10rem; / 160px */
start-40 inset-inline-start: 10rem; /* 160px */
end-40 inset-inline-end: 10rem; /* 160px */
top-40 top: 10rem; /* 160px */
right-40 right: 10rem; /* 160px */
bottom-40 bottom: 10rem; /* 160px */
left-40 left: 10rem; /* 160px */
inset-44 inset: 11rem; /* 176px */
inset-x-44 left: 11rem; /* 176px / right: 11rem; / 176px */
inset-y-44 top: 11rem; /* 176px / bottom: 11rem; / 176px */
start-44 inset-inline-start: 11rem; /* 176px */
end-44 inset-inline-end: 11rem; /* 176px */
top-44 top: 11rem; /* 176px */
right-44 right: 11rem; /* 176px */
bottom-44 bottom: 11rem; /* 176px */
left-44 left: 11rem; /* 176px */
inset-48 inset: 12rem; /* 192px */
inset-x-48 left: 12rem; /* 192px / right: 12rem; / 192px */
inset-y-48 top: 12rem; /* 192px / bottom: 12rem; / 192px */
start-48 inset-inline-start: 12rem; /* 192px */
end-48 inset-inline-end: 12rem; /* 192px */
top-48 top: 12rem; /* 192px */
right-48 right: 12rem; /* 192px */
bottom-48 bottom: 12rem; /* 192px */
left-48 left: 12rem; /* 192px */
inset-52 inset: 13rem; /* 208px */
inset-x-52 left: 13rem; /* 208px / right: 13rem; / 208px */
inset-y-52 top: 13rem; /* 208px / bottom: 13rem; / 208px */
start-52 inset-inline-start: 13rem; /* 208px */
end-52 inset-inline-end: 13rem; /* 208px */
top-52 top: 13rem; /* 208px */
right-52 right: 13rem; /* 208px */
bottom-52 bottom: 13rem; /* 208px */
left-52 left: 13rem; /* 208px */
inset-56 inset: 14rem; /* 224px */
inset-x-56 left: 14rem; /* 224px / right: 14rem; / 224px */
inset-y-56 top: 14rem; /* 224px / bottom: 14rem; / 224px */
start-56 inset-inline-start: 14rem; /* 224px */
end-56 inset-inline-end: 14rem; /* 224px */
top-56 top: 14rem; /* 224px */
right-56 right: 14rem; /* 224px */
bottom-56 bottom: 14rem; /* 224px */
left-56 left: 14rem; /* 224px */
inset-60 inset: 15rem; /* 240px */
inset-x-60 left: 15rem; /* 240px / right: 15rem; / 240px */
inset-y-60 top: 15rem; /* 240px / bottom: 15rem; / 240px */
start-60 inset-inline-start: 15rem; /* 240px */
end-60 inset-inline-end: 15rem; /* 240px */
top-60 top: 15rem; /* 240px */
right-60 right: 15rem; /* 240px */
bottom-60 bottom: 15rem; /* 240px */
left-60 left: 15rem; /* 240px */
inset-64 inset: 16rem; /* 256px */
inset-x-64 left: 16rem; /* 256px / right: 16rem; / 256px */
inset-y-64 top: 16rem; /* 256px / bottom: 16rem; / 256px */
start-64 inset-inline-start: 16rem; /* 256px */
end-64 inset-inline-end: 16rem; /* 256px */
top-64 top: 16rem; /* 256px */
right-64 right: 16rem; /* 256px */
bottom-64 bottom: 16rem; /* 256px */
left-64 left: 16rem; /* 256px */
inset-72 inset: 18rem; /* 288px */
inset-x-72 left: 18rem; /* 288px / right: 18rem; / 288px */
inset-y-72 top: 18rem; /* 288px / bottom: 18rem; / 288px */
start-72 inset-inline-start: 18rem; /* 288px */
end-72 inset-inline-end: 18rem; /* 288px */
top-72 top: 18rem; /* 288px */
right-72 right: 18rem; /* 288px */
bottom-72 bottom: 18rem; /* 288px */
left-72 left: 18rem; /* 288px */
inset-80 inset: 20rem; /* 320px */
inset-x-80 left: 20rem; /* 320px / right: 20rem; / 320px */
inset-y-80 top: 20rem; /* 320px / bottom: 20rem; / 320px */
start-80 inset-inline-start: 20rem; /* 320px */
end-80 inset-inline-end: 20rem; /* 320px */
top-80 top: 20rem; /* 320px */
right-80 right: 20rem; /* 320px */
bottom-80 bottom: 20rem; /* 320px */
left-80 left: 20rem; /* 320px */
inset-96 inset: 24rem; /* 384px */
inset-x-96 left: 24rem; /* 384px / right: 24rem; / 384px */
inset-y-96 top: 24rem; /* 384px / bottom: 24rem; / 384px */
start-96 inset-inline-start: 24rem; /* 384px */
end-96 inset-inline-end: 24rem; /* 384px */
top-96 top: 24rem; /* 384px */
right-96 right: 24rem; /* 384px */
bottom-96 bottom: 24rem; /* 384px */
left-96 left: 24rem; /* 384px */
inset-auto inset: auto;
inset-1/2 inset: 50%;
inset-1/3 inset: 33.333333%;
inset-2/3 inset: 66.666667%;
inset-1/4 inset: 25%;
inset-2/4 inset: 50%;
inset-3/4 inset: 75%;
inset-full inset: 100%;
inset-x-auto left: auto; right: auto;
inset-x-1/2 left: 50%; right: 50%;
inset-x-1/3 left: 33.333333%; right: 33.333333%;
inset-x-2/3 left: 66.666667%; right: 66.666667%;
inset-x-1/4 left: 25%; right: 25%;
inset-x-2/4 left: 50%; right: 50%;
inset-x-3/4 left: 75%; right: 75%;
inset-x-full left: 100%; right: 100%;
inset-y-auto top: auto; bottom: auto;
inset-y-1/2 top: 50%; bottom: 50%;
inset-y-1/3 top: 33.333333%; bottom: 33.333333%;
inset-y-2/3 top: 66.666667%; bottom: 66.666667%;
inset-y-1/4 top: 25%; bottom: 25%;
inset-y-2/4 top: 50%; bottom: 50%;
inset-y-3/4 top: 75%; bottom: 75%;
inset-y-full top: 100%; bottom: 100%;
start-auto inset-inline-start: auto;
start-1/2 inset-inline-start: 50%;
start-1/3 inset-inline-start: 33.333333%;
start-2/3 inset-inline-start: 66.666667%;
start-1/4 inset-inline-start: 25%;
start-2/4 inset-inline-start: 50%;
start-3/4 inset-inline-start: 75%;
start-full inset-inline-start: 100%;
end-auto inset-inline-end: auto;
end-1/2 inset-inline-end: 50%;
end-1/3 inset-inline-end: 33.333333%;
end-2/3 inset-inline-end: 66.666667%;
end-1/4 inset-inline-end: 25%;
end-2/4 inset-inline-end: 50%;
end-3/4 inset-inline-end: 75%;
end-full inset-inline-end: 100%;
top-auto top: auto;
top-1/2 top: 50%;
top-1/3 top: 33.333333%;
top-2/3 top: 66.666667%;
top-1/4 top: 25%;
top-2/4 top: 50%;
top-3/4 top: 75%;
top-full top: 100%;
right-auto right: auto;
right-1/2 right: 50%;
right-1/3 right: 33.333333%;
right-2/3 right: 66.666667%;
right-1/4 right: 25%;
right-2/4 right: 50%;
right-3/4 right: 75%;
right-full right: 100%;
bottom-auto bottom: auto;
bottom-1/2 bottom: 50%;
bottom-1/3 bottom: 33.333333%;
bottom-2/3 bottom: 66.666667%;
bottom-1/4 bottom: 25%;
bottom-2/4 bottom: 50%;
bottom-3/4 bottom: 75%;
bottom-full bottom: 100%;
left-auto left: auto;
left-1/2 left: 50%;
left-1/3 left: 33.333333%;
left-2/3 left: 66.666667%;
left-1/4 left: 25%;
left-2/4 left: 50%;
left-3/4 left: 75%;
left-full left: 100%;


visibility

Class Properties
visible visibility: visible;
invisible visibility: hidden;
collapse visibility: collapse;


z-index

Class Properties
z-0 z-index: 0;
z-10 z-index: 10;
z-20 z-index: 20;
z-30 z-index: 30;
z-40 z-index: 40;
z-50 z-index: 50;
z-auto z-index: auto;


flexbox and grid


flex basis

Class Properties
basis-0 flex-basis: 0px;
basis-1 flex-basis: 0.25rem; /* 4px */
basis-2 flex-basis: 0.5rem; /* 8px */
basis-3 flex-basis: 0.75rem; /* 12px */
basis-4 flex-basis: 1rem; /* 16px */
basis-5 flex-basis: 1.25rem; /* 20px */
basis-6 flex-basis: 1.5rem; /* 24px */
basis-7 flex-basis: 1.75rem; /* 28px */
basis-8 flex-basis: 2rem; /* 32px */
basis-9 flex-basis: 2.25rem; /* 36px */
basis-10 flex-basis: 2.5rem; /* 40px */
basis-11 flex-basis: 2.75rem; /* 44px */
basis-12 flex-basis: 3rem; /* 48px */
basis-14 flex-basis: 3.5rem; /* 56px */
basis-16 flex-basis: 4rem; /* 64px */
basis-20 flex-basis: 5rem; /* 80px */
basis-24 flex-basis: 6rem; /* 96px */
basis-28 flex-basis: 7rem; /* 112px */
basis-32 flex-basis: 8rem; /* 128px */
basis-36 flex-basis: 9rem; /* 144px */
basis-40 flex-basis: 10rem; /* 160px */
basis-44 flex-basis: 11rem; /* 176px */
basis-48 flex-basis: 12rem; /* 192px */
basis-52 flex-basis: 13rem; /* 208px */
basis-56 flex-basis: 14rem; /* 224px */
basis-60 flex-basis: 15rem; /* 240px */
basis-64 flex-basis: 16rem; /* 256px */
basis-72 flex-basis: 18rem; /* 288px */
basis-80 flex-basis: 20rem; /* 320px */
basis-96 flex-basis: 24rem; /* 384px */
basis-auto flex-basis: auto;
basis-px flex-basis: 1px;
basis-0.5 flex-basis: 0.125rem; /* 2px */
basis-1.5 flex-basis: 0.375rem; /* 6px */
basis-2.5 flex-basis: 0.625rem; /* 10px */
basis-3.5 flex-basis: 0.875rem; /* 14px */
basis-1/2 flex-basis: 50%;
basis-1/3 flex-basis: 33.333333%;
basis-2/3 flex-basis: 66.666667%;
basis-1/4 flex-basis: 25%;
basis-2/4 flex-basis: 50%;
basis-3/4 flex-basis: 75%;
basis-1/5 flex-basis: 20%;
basis-2/5 flex-basis: 40%;
basis-3/5 flex-basis: 60%;
basis-4/5 flex-basis: 80%;
basis-1/6 flex-basis: 16.666667%;
basis-2/6 flex-basis: 33.333333%;
basis-3/6 flex-basis: 50%;
basis-4/6 flex-basis: 66.666667%;
basis-5/6 flex-basis: 83.333333%;
basis-1/12 flex-basis: 8.333333%;
basis-2/12 flex-basis: 16.666667%;
basis-3/12 flex-basis: 25%;
basis-4/12 flex-basis: 33.333333%;
basis-5/12 flex-basis: 41.666667%;
basis-6/12 flex-basis: 50%;
basis-7/12 flex-basis: 58.333333%;
basis-8/12 flex-basis: 66.666667%;
basis-9/12 flex-basis: 75%;
basis-10/12 flex-basis: 83.333333%;
basis-11/12 flex-basis: 91.666667%;
basis-full flex-basis: 100%;


flex direction

Class Properties
flex-row flex-direction: row;
flex-row-reverse flex-direction: row-reverse;
flex-col flex-direction: column;
flex-col-reverse flex-direction: column-reverse;