CSS-Tricks
Search
Home
Videos
Almanac
Gallery
Snippets
Forums
Newsletter
Jobs
Guides
Shop
CSS Almanac
A reference guide to the many features of CSS. See something that needs updated?
Let us know!
CSS Selectors
A
::after / ::before
:active
Adjacent sibling
[attribute]
B
:blank
C
:checked
Child
Class
D
:default
:disabled
Descendant
E
:empty
:enabled
F
::first-letter
::first-line
:first-child
:first-of-type
:focus
:focus-within
G
General sibling
H
:hover
I
:in-range
:indeterminate
:invalid
ID
J
K
L
:lang()
:last-child
:last-of-type
:link
M
::marker
:matches()
N
:not(s)
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
O
:only-child
:only-of-type
:optional
:out-of-range
P
::placeholder
:placeholder-shown
Q
R
:read-write / :read-only
:required
:root
S
::selection
T
:target
Type
U
:user-invalid
Universal
V
:valid
:visited
W
X
Y
Z
CSS Properties
A
align-content
align-items
align-self
all
animation
appearance
B
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
bleed
border
border-collapse
border-image
border-radius
bottom
box-decoration-break
box-shadow
box-sizing
break-inside
C
caption-side
caret-color
clear
clip-path
color
column-count
column-fill
column-gap
column-rule
column-span
column-width
columns
content
counter-increment
counter-reset
cursor
D
direction
display
E
empty-cells
F
fill
filter
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font
font-display
font-family
font-feature-settings
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
G
grid-row / grid-column
grid-row-span / grid-column-span
grid-rows / grid-columns
H
hanging-punctuation
height
hyphens
I
image-rendering
initial-letter
isolation
J
justify-content
K
L
left
letter-spacing
line-height
list-style
M
margin
max-height
max-width
min-height
min-width
mix-blend-mode
N
O
object-fit
object-position
offset-distance
offset-path
offset-rotation
opacity
order
orphans
outline
outline-offset
overflow
overflow-anchor
overflow-wrap
P
padding
page-break
perspective
perspective-origin
pointer-events
position
Q
quotes
R
resize
right
S
scroll-behavior
scrollbar
shape-outside
speak
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-width
T
tab-size
table-layout
text-align
text-align-last
text-decoration
text-decoration-color
text-decoration-line
text-decoration-skip
text-decoration-style
text-indent
text-justify
text-overflow
text-rendering
text-shadow
text-stroke
text-transform
text-underline-position
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
U
unicode-bidi
user-select
V
vertical-align
visibility
W
white-space
widows
width
will-change
word-break
word-spacing
writing-mode
X
Y
Z
z-index
zoom
icon-anchor
icon-close
icon-email
icon-link
icon-logo-star
icon-menu
icon-nav-guide
icon-search
icon-star
icon-tag