code
ref
Cheat Sheets
Quick Reference
JSON Formatter
Learn
Tools
Browser Support
Search…
Ctrl K
Cheat Sheets
/
Web
/
CSS
CSS
Selectors, layout, box model, typography and modern CSS features.
Official reference ↗
Box Model
width
height
margin
padding
border
box-sizing
overflow
aspect-ratio
Flexbox
display
flex-direction
flex-wrap
justify-content
align-items
align-content
gap
flex-grow
flex-shrink
flex-basis
order
align-self
Grid
grid-template-columns
grid-template-rows
grid-template-areas
grid-auto-flow
grid-column
grid-row
grid-area
place-items
subgrid
Positioning
position
top
inset
z-index
float
clear
Typography
font-family
font-size
font-weight
line-height
letter-spacing
text-align
text-decoration
text-transform
white-space
word-break
Selectors
Pseudo-classes
:hover
:focus-visible
:first-child
:nth-child
:not
:is
:where
:has
Pseudo-elements
::before
::after
::placeholder
::selection
Visual
color
background
opacity
box-shadow
border-radius
filter
transform
transition
animation
Functions
calc
clamp
min
max
var
color-mix
minmax
repeat
At-rules
@media
@container
@supports
@layer
@keyframes
@font-face
@import