CSS Almanac | CSS-Tricks

Skip to main content

CSS-Tricks

Articles
Notes
Links
Guides
Almanac
Shuffle

Search

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Selectors

CSS selectors are patterns used to select elements in the DOM.

Properties

CSS properties style elements through their values.

A

::before / ::after
:active
:any-link
:autofill
Adjacent sibling
[attribute]

A

accent-color
align-content
align-items
align-self
all
anchor-name
animation
appearance
aspect-ratio

B

::backdrop
:blank

B

backdrop-filter
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
bleed
block-overflow
block-size
border
border-block
border-boundary
border-collapse
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-inline
border-radius
border-spacing
bottom
box-decoration-break
box-shadow
box-sizing
break-after
break-before
break-inside

C

:checked
:current
Child
Class

C

caption-side
caret
caret-color
caret-shape
clear
clip-path
color
color-scheme
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
contain
container
container-name
container-type
content
content-visibility
counter-increment
counter-reset
counter-set
cursor

D

::details-content
:default
:defined
:dir()
:disabled
Descendant

D

direction
display

E

:empty
:enabled

E

empty-cells

F

::file-selector-button
::first-letter
::first-line
:first
:first-child
:first-of-type
:focus
:focus-visible
:focus-within
:fullscreen
:future

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-kerning
font-optical-sizing
font-size
font-size-adjust
font-stretch
font-style
font-synthesis
font-variant
font-variant-numeric
font-weight

G

General sibling

G

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 / grid-column
grid-row-end
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows

H

:has()
:hover

H

hanging-punctuation
height
hyphenate-limit-chars
hyphens

I

:in-range
:indeterminate
:invalid
:is
ID

I

image-rendering
initial-letter
inline-size
inset
inset-area
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start
isolation

J

justify-content
justify-items
justify-self

K

L

:lang()
:last-child
:last-of-type
:left
:link

L

left
letter-spacing
line-break
line-clamp
line-height
list-style

M

::marker

M

margin
margin-block
margin-block-end
margin-block-start
margin-inline
margin-inline-end
margin-inline-start
mask
mask-border
mask-clip
mask-composite
mask-image
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
max-height
max-inline-size
max-width
min-height
min-width
mix-blend-mode

N

:not
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type

N

O

:only-child
:only-of-type
:optional
:out-of-range

O

object-fit
object-position
offset-anchor
offset-distance
offset-path
offset-rotate
opacity
order
orphans
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-anchor
overflow-clip-margin
overflow-wrap
overscroll-behavior

P

::placeholder
:past
:placeholder-shown
:popover-open

P

padding
padding-block
padding-inline
page-break
paint-order
perspective
perspective-origin
place-content
place-items
place-self
pointer-events
position
position-anchor
print-color-adjust

Q

quotes

R

:read-write / :read-only
:required
:right
:root

R

resize
right
rotate
row-gap

S

::selection

S

scale
scroll-behavior
scroll-margin
scroll-padding
scroll-snap-align
scroll-snap-stop
scroll-snap-type
scrollbar
scrollbar-color
scrollbar-gutter
scrollbar-width
shape-image-threshold
shape-margin
shape-outside
speak
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-width

T

:target
Type

T

tab-size
table-layout
text-align
text-align-last
text-combine-upright
text-decoration
text-decoration-color
text-decoration-line
text-decoration-skip
text-decoration-skip-ink
text-decoration-style
text-decoration-thickness
text-emphasis
text-indent
text-justify
text-orientation
text-overflow
text-rendering
text-shadow
text-stroke
text-transform
text-underline-offset
text-underline-position
top / bottom / left / right
touch-action
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
translate

U

:user-invalid
Universal

U

unicode-bidi
unicode-range
user-select

V

::view-transition
::view-transition-group
::view-transition-image-new
::view-transition-image-old
::view-transition-image-pair
:valid
:visited

V

vertical-align
view-timeline-name
view-transition-name
visibility

W

:where

W

white-space
widows
width
will-change
word-break
word-spacing
writing-mode

X

Y

Z

z-index
zoom

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean

About DO
Cloudways
Legal stuff
Get free credit!

CSS-Tricks

Write for us!
Advertise with us
Contact us

Social

RSS Feeds
CodePen
Mastodon
X

Back to Top