CSS reference

Find a property by name, or filter the list by topic. Each reference explains what the property changes and the conditions it needs.

New to CSS? Start with the box model, then learn Flexbox and Grid. For a specific problem, search the lessons.

accent-color
align-content
align-items
align-self
all
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
appearance
aspect-ratio
backdrop-filter
backface-visibility
background
background-attachment
background-blend-mode
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-collapse
border-image
border-radius
border-spacing
bottom
box-shadow
box-sizing
clear
color
column-count
column-fill
column-gap
column-span
column-width
columns
content
counter-increment
counter-reset
counter-set
cursor
direction
display
empty-cells
fill
filter
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font
font-display
font-family
font-size
font-style
font-variant
font-weight
gap
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column
grid-column-end
grid-column-start
grid-row
grid-row-end
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows
height
hyphens
inset
isolation
justify-content
justify-items
justify-self
left
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
max-height
max-width
min-height
min-width
mix-blend-mode
object-fit
object-position
opacity
order
orphans
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-wrap
padding
page-break
perspective
perspective-origin
place-content
place-items
place-self
pointer-events
position
quotes
resize
right
rotate
row-gap
scale
scroll-behavior
scroll-margin
scroll-padding
scroll-snap-align
scroll-snap-stop
scroll-snap-type
scrollbar
scrollbar-color
scrollbar-gutter
scrollbar-width
speak
tab-size
table-layout
text-align
text-decoration
text-decoration-color
text-decoration-line
text-decoration-skip
text-decoration-skip-ink
text-decoration-style
text-emphasis
text-indent
text-justify
text-orientation
text-overflow
text-shadow
text-size-adjust
text-stroke
text-transform
text-underline-offset
text-underline-position
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
translate
user-select
vertical-align
visibility
white-space
widows
width
will-change
word-break
word-spacing
word-wrap
writing-mode
z-index
zoom