Skip to main content

Articles
Videos
Almanac
Snippets
Newsletter
Jobs
Guides

Back to Top Contact About Archives Advertise Jobs License Subscribe Forums Guest Posting

Facebook Twitter YouTube Spectrum RSS

Search for:

A minute to learn; A lifetime to master

CSS Almanac

A reference guide to the many features of CSS. See something that needs to be updated? Let us know!

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.

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

align-content
align-items
align-self
all
animation
appearance

:blank

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
border
border-collapse
border-image
border-radius
bottom
box-decoration-break
box-shadow
box-sizing
break-inside

:checked
Child
Class

caption-side
caret-color
clear
clip-path
color
color-adjust
column-count
column-fill
column-gap
column-rule
column-span
column-width
columns
content
counter-increment
counter-reset
cursor

:default
:dir()
:disabled
Descendant

direction
display

empty-cells

::first-letter
::first-line
:first-child
:first-of-type
:focus
:focus-visible
:focus-within

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-variant-numeric
font-weight

General sibling

grid-row / grid-column
grid-template-columns / grid-template-rows

:hover

hanging-punctuation
height
hyphens

:in-range
:indeterminate
:invalid
:is()
ID

image-rendering
initial-letter
isolation

justify-content

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

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

::marker
:matches()

margin
max-height
max-width
min-height
min-width
mix-blend-mode

:not(s)
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type

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

object-fit
object-position
offset-anchor
offset-distance
offset-path
offset-rotation
opacity
order
orphans
outline
outline-offset
overflow
overflow-anchor
overflow-wrap
overscroll-behavior

::placeholder
:placeholder-shown

padding
page-break
perspective
perspective-origin
place-items
pointer-events
position

quotes

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

resize
right

::selection

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

:target
Type

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
touch-action
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function

:user-invalid
Universal

unicode-bidi
unicode-range
user-select

:valid
:visited

vertical-align
visibility

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

z-index
zoom

How do you stay up to date in this fast⁠-⁠moving industry?

A good start is to sign up for our weekly hand-written newsletter. We bring you the best articles and ideas from around the web, and what we think about them.

Email Address

Subscribe

Facebook @CSSTricks Twitter @CSS YouTube @realcsstricks Spectrum @css-tricks RSS Feed

👋

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress and powered up by Jetpack. It is made possible through sponsorships from products and services we like.

*May or may not contain any actual "CSS" or "Tricks".

Other Nav

Contact About Forums Advertise License Subscribe Guest Posting All Authors Conferences Serverless

CodePen is a place to experiment, debug, and show off your HTML, CSS, and JavaScript creations.

MediaTemple has been CSS-Tricks web host since day one. Save 20% with code CSSTRICKS.

ShopTalk is a podcast all about front-end web design and development.