Halifax
Web
Services
07514 565729
info@halifaxwebservices.com
Tailwind Cheatsheet
Getting started
Installation
Docs
Editor setup
Docs
Compatibility
Docs
Upgrade guide
Docs
Core concepts
Styling with utility classes
Docs
Hover, focus, and other states
Docs
Responsive design
Docs
Dark mode
Docs
Theme variables
Docs
Colors
Docs
Adding custom styles
Docs
Detecting classes in source files
Docs
Functions and directives
Docs
Base styles
Preflight
Docs
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
overflow-wrap
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
text-shadow
Docs
opacity
Docs
mix-blend-mode
Docs
background-blend-mode
Docs
mask-clip
Docs
mask-composite
Docs
mask-image
Docs
mask-mode
Docs
mask-origin
Docs
mask-position
Docs
mask-repeat
Docs
mask-size
Docs
mask-type
Docs
Filters
filter
Docs
backdrop-filter
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