Aspect Ratio

Utilities for controlling the aspect ratio of an element.

Aspect
aspect-auto
aspect-square
aspect-wide

Container

A component for fixing an element's width to the current breakpoint.

W 100%
container-tg
640px
container-sm
768px
container-md
1024px
container-lg
1280px
container-xl
1536px
container-2xl

Columns

Utilities for controlling the number of columns within an element.

coulmns-2
Columns-2
coulmns-3
coulmns-3
coulmns-3
coulmns-4
coulmns-4
coulmns-4
coulmns-4
coulmns-5
coulmns-5
coulmns-5
coulmns-5
coulmns-5
coulmns-6
coulmns-6
Columns-6
coulmns-6
coulmns-6
coulmns-6

Break After

Utilities for controlling how a column or page should break after an element.

break-after-auto
break-after-avoid
brak-after-avoid-page
break-after-page
break-after-left
break-after-right
break-after-column

Break Before

Utilities for controlling how a column or page should break before an element.

break-before-auto
break-before-avoid
brak-before-avoid-page
break-before-page
break-before-left
break-before-right
break-before-column

Break Inside

Utilities for controlling how a column or page should break within an element.

break-before-auto
break-before-avoid
brak-before-avoid-page
break-before-page
break-before-left
break-before-right
break-before-column

Box Decoration Break

Utilities for controlling how element fragments should be rendered across multiple lines, columns, or pages.

box-decoration-clone
box-decoration-slice

Box Sizing

Utilities for controlling how the browser should calculate an element's total size.

box-border
box-content

Display

Utilities for controlling the display box type of an element.

block
inline-block
inline
flex
inline-flex
table
inline-table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row-group
table-row
flow-root
grid
inline-grid
contents
list-item
hidden

Floats

Utilities for controlling the wrapping of content around an element.

float-start
float-end
float-right
float-left
float-none

Clears

Utilities for controlling the wrapping of content around an element.

clear-start
clear-end
clear-left
clear-right
clear-both
clear-none

Isolation

Utilities for controlling whether an element should explicitly create a new stacking context.

isolate
isolation-auto

Object Fit

Utilities for controlling how a replaced element's content should be resized.

object fit
object-contain
object-cover
object-fill
object-none
object-scale-down

Object Position

Utilities for controlling how a replaced element's content should be positioned within its container.

Overflow

Utilities for controlling how an element handles content that is too large for the container.

overflow-auto
overflow-hidden
overflow-clip
overflow-visible
overflow-scroll
overflow-x-auto
overflow-y-auto
overflow-x-hidden
overflow-y-hidden
overflow-x-clip
overflow-y-clip
overflow-x-visible
overflow-y-visible
overflow-x-scroll
overflow-y-scroll

Overscroll Behavior

Utilities for controlling how the browser behaves when reaching the boundary of a scrolling area.

overscroll-atuo
overscroll-contain
overscroll-none
overscroll-y-auto
overscroll-y-contain
overscroll-y-none
overscroll-x-auto
overscroll-x-contain
overscroll-x-none

Position

Utilities for controlling how an element is positioned in the DOM.

Positon
static
reltative
absolute
fixed
sticky

Top/Right/Bottom/Left

Utilities for controlling how an element is positioned in the DOM.

0px
inset-0
inset-x-0
inset-y-0
start-0
end-0
top-0
bottom-0

Visibility

Utilities for controlling the visibility of an element.

visible
invisible
collapse

Z-Index

Utilities for controlling the stack order of an element.

z-0
z-10
z-20
z-30
z-40
z-50
z-auto