Tailwind CSS
v4.0
•
Cheatsheet
⌘K
Layout
aspect-ratio
Docs
columns
Docs
break-after
Docs
break-before
Docs
break-inside
Docs
box-decoration-break
Docs
box-sizing
Docs
display
Docs
float
Docs
clear
Docs
isolation
Docs
object-fit
Docs
object-position
Docs
overflow
Docs
overscroll-behavior
Docs
position
Docs
top / right / bottom / left
Docs
visibility
Docs
z-index
Docs
Flexbox & Grid
flex-basis
Docs
flex-direction
Docs
flex-wrap
Docs
flex
Docs
flex-grow
Docs
flex-shrink
Docs
order
Docs
grid-template-columns
Docs
grid-column
Docs
grid-template-rows
Docs
grid-row
Docs
grid-auto-flow
Docs
grid-auto-columns
Docs
grid-auto-rows
Docs
gap
Docs
justify-content
Docs
justify-items
Docs
justify-self
Docs
align-content
Docs
align-items
Docs
align-self
Docs
place-content
Docs
place-items
Docs
place-self
Docs
Spacing
padding
Docs
margin
Docs
Sizing
width
Docs
min-width
Docs
max-width
Docs
height
Docs
min-height
Docs
max-height
Docs
Typography
font-family
Docs
font-size
Docs
font-smoothing
Docs
font-style
Docs
font-weight
Docs
font-stretch
Docs
font-variant-numeric
Docs
letter-spacing
Docs
line-clamp
Docs
line-height
Docs
list-style-image
Docs
list-style-position
Docs
list-style-type
Docs
text-align
Docs
color
Docs
text-decoration-line
Docs
text-decoration-color
Docs
text-decoration-style
Docs
text-decoration-thickness
Docs
text-underline-offset
Docs
text-transform
Docs
text-overflow
Docs
text-wrap
Docs
text-indent
Docs
vertical-align
Docs
white-space
Docs
word-break
Docs
hyphens
Docs
content
Docs
Backgrounds
background-attachment
Docs
background-clip
Docs
background-color
Docs
background-image
Docs
background-origin
Docs
background-position
Docs
background-repeat
Docs
background-size
Docs
Borders
border-radius
Docs
border-width
Docs
border-color
Docs
border-style
Docs
outline-width
Docs
outline-color
Docs
outline-style
Docs
outline-offset
Docs
Effects
box-shadow
Docs
opacity
Docs
mix-blend-mode
Docs
background-blend-mode
Docs
Filters
filter
Docs
blur
Docs
brightness
Docs
contrast
Docs
drop-shadow
Docs
grayscale
Docs
hue-rotate
Docs
invert
Docs
saturate
Docs
sepia
Docs
backdrop-filter
Docs
blur
Docs
brightness
Docs
contrast
Docs
grayscale
Docs
hue-rotate
Docs
invert
Docs
opacity
Docs
saturate
Docs
sepia
Docs
Tables
border-collapse
Docs
border-spacing
Docs
table-layout
Docs
caption-side
Docs
Transitions & Animation
transition-property
Docs
transition-behavior
Docs
transition-duration
Docs
transition-timing-function
Docs
transition-delay
Docs
animation
Docs
Transforms
backface-visibility
Docs
perspective
Docs
perspective-origin
Docs
rotate
Docs
scale
Docs
skew
Docs
transform
Docs
transform-origin
Docs
transform-style
Docs
translate
Docs
Interactivity
accent-color
Docs
appearance
Docs
caret-color
Docs
color-scheme
Docs
cursor
Docs
field-sizing
Docs
pointer-events
Docs
resize
Docs
scroll-behavior
Docs
scroll-margin
Docs
scroll-padding
Docs
scroll-snap-align
Docs
scroll-snap-stop
Docs
scroll-snap-type
Docs
touch-action
Docs
user-select
Docs
will-change
Docs
SVG
fill
Docs
stroke
Docs
stroke-width
Docs
Accessibility
forced-color-adjust
Docs