Alphabetical list of CSS Properties
A
align-content
[CSS Align L3] [CSS Flexbox]align-items
[CSS Align L3] [CSS Flexbox]align-self
[CSS Align L3] [CSS Flexbox]alignment-adjust
[CSS Inline L3]alignment-baseline
[CSS Inline L3]all
[CSS Cascade L3]alt
[CSS Pseudo-Elements L4]animation
[CSS Animations]animation-delay
[CSS Animations]animation-direction
[CSS Animations]animation-duration
[CSS Animations]animation-fill-mode
[CSS Animations]animation-iteration-count
[CSS Animations]animation-name
[CSS Animations]animation-play-state
[CSS Animations]animation-timing-function
[CSS Animations]
azimuth
[CSS 2.1]
B
backface-visibility
[CSS Transforms]background
[CSS Backgrounds L3]background-attachment
[CSS Backgrounds L3]background-clip
[CSS Backgrounds L3]background-color
[CSS Backgrounds L3]background-image
[CSS Backgrounds L3]background-origin
[CSS Backgrounds L3]background-position
[CSS Backgrounds L3]background-repeat
[CSS Backgrounds L3]background-size
[CSS Backgrounds L3]
background-blend-mode
[Compositing]baseline-shift
[CSS Inline L3]bleed
[CSS Page L3]bookmark-label
[CSS GCPM]bookmark-level
[CSS GCPM]bookmark-state
[CSS GCPM]border
[CSS Backgrounds L3]border-color
[CSS Backgrounds L3]border-style
[CSS Backgrounds L3]border-width
[CSS Backgrounds L3]
border-bottom
[CSS Backgrounds L3]border-bottom-color
[CSS Backgrounds L3]border-bottom-style
[CSS Backgrounds L3]border-bottom-width
[CSS Backgrounds L3]
border-left
[CSS Backgrounds L3]border-left-color
[CSS Backgrounds L3]border-left-style
[CSS Backgrounds L3]border-left-width
[CSS Backgrounds L3]
border-right
[CSS Backgrounds L3]border-right-color
[CSS Backgrounds L3]border-right-style
[CSS Backgrounds L3]border-right-width
[CSS Backgrounds L3]
border-top
[CSS Backgrounds L3]border-top-color
[CSS Backgrounds L3]border-top-style
[CSS Backgrounds L3]border-top-width
[CSS Backgrounds L3]
border-collapse
[CSS 2.1]border-image
[CSS Backgrounds L3]border-image-outset
[CSS Backgrounds L3]border-image-repeat
[CSS Backgrounds L3]border-image-slice
[CSS Backgrounds L3]border-image-source
[CSS Backgrounds L3]border-image-width
[CSS Backgrounds L3]
border-radius
[CSS Backgrounds L3]border-bottom-left-radius
[CSS Backgrounds L3]border-bottom-right-radius
[CSS Backgrounds L3]border-top-left-radius
[CSS Backgrounds L3]border-top-right-radius
[CSS Backgrounds L3]
border-spacing
[CSS 2.1]bottom
[CSS Position L3]box-decoration-break
[CSS Break L3]box-shadow
[CSS Backgrounds L3]box-sizing
[CSS UI L3]box-snap
[CSS Line Grid]break-after
[CSS Break L3] [CSS Multicol] [CSS Regions]break-before
[CSS Break L3] [CSS Multicol] [CSS Regions]break-inside
[CSS Break L3] [CSS Regions]buffered-rendering
[SVG 2]
C
caption-side
[CSS 2.1]clear
[CSS 2.1]clear-side
[CSS Page Floats]clip
[CSS Masking] [Deprecated. Useclip-path
]clip-path
[CSS Masking]clip-rule
[CSS Masking]color
[CSS Color L3]color-adjust
[CSS Color L4]color-correction
[CSS Color L4]color-interpolation
[SVG 1.1]color-interpolation-filters
[Filters]color-profile
[SVG 1.1]color-rendering
[SVG 1.1]column-fill
[CSS Multicol]column-gap
[CSS Multicol]column-rule
[CSS Multicol]column-rule-color
[CSS Multicol]column-rule-style
[CSS Multicol]column-rule-width
[CSS Multicol]
column-span
[CSS Multicol]columns
[CSS Multicol]column-count
[CSS Multicol]column-width
[CSS Multicol]
contain
[CSS Containment L3]content
[CSS UI L3]counter-increment
[CSS Lists L3]counter-reset
[CSS Lists L3]counter-set
[CSS Lists L3]cue
[CSS Speech]cue-after
[CSS Speech]cue-before
[CSS Speech]
cursor
[CSS UI L3]
D
direction
[CSS Writing Modes L3]display
[CSS Display L3]display-inside
[CSS Display L3]display-outside
[CSS Display L3]display-extras
[CSS Display L3]
display-box
[CSS Display L3]dominant-baseline
[CSS Inline L3]
E
F
fill
[SVG 1.1]fill-opacity
[SVG 1.1]fill-rule
[SVG 1.1]filter
[Filters]float
[CSS 2.1]float-defer-column
[CSS Page Floats]float-defer-page
[CSS Page Floats]float-offset
[CSS Page Floats]float-wrap
[CSS Page Floats]flow-into
[CSS Regions]flow-from
[CSS Regions]flex
[CSS Flexbox]flex-basis
[CSS Flexbox]flex-grow
[CSS Flexbox]flex-shrink
[CSS Flexbox]
flex-flow
[CSS Flexbox]flex-direction
[CSS Flexbox]flex-wrap
[CSS Flexbox]
flood-color
[Filters]flood-opacity
[Filters]font
[CSS Fonts L3]font-family
[CSS Fonts L3]font-size
[CSS Fonts L3]font-stretch
[CSS Fonts L3]font-style
[CSS Fonts L3]font-weight
[CSS Fonts L3]
font-feature-settings
[CSS Fonts L3]font-kerning
[CSS Fonts L3]font-language-override
[CSS Fonts L3] [At risk]font-size-adjust
[CSS Fonts L3]font-synthesis
[CSS Fonts L3]font-variant
[CSS Fonts L3]font-variant-alternates
[CSS Fonts L3]font-variant-caps
[CSS Fonts L3]font-variant-east-asian
[CSS Fonts L3]font-variant-ligatures
[CSS Fonts L3]font-variant-numeric
[CSS Fonts L3]font-variant-position
[CSS Fonts L3]
footnote-policy
[CSS GCPM]
G
glyph-orientation-horizontal
[SVG 1.1]glyph-orientation-vertical
[SVG 1.1]grid
[CSS Grid]grid-auto-flow
[CSS Grid]grid-auto-columns
[CSS Grid]grid-auto-rows
[CSS Grid]grid-template
[CSS Grid]grid-template-areas
[CSS Grid]grid-template-columns
[CSS Grid]grid-template-rows
[CSS Grid]
grid-area
[CSS Grid]grid-column
[CSS Grid]grid-column-start
[CSS Grid]grid-column-end
[CSS Grid]
grid-row
[CSS Grid]grid-row-start
[CSS Grid]grid-row-end
[CSS Grid]
H
hanging-punctuation
[CSS Text L3] [At risk]height
[CSS 2.1]hyphenate-character
[CSS Text L4]hyphenate-limit-chars
[CSS Text L4] [At risk]hyphenate-limit-last
[CSS Text L4] [At risk]hyphenate-limit-lines
[CSS Text L4] [At risk]hyphenate-limit-zone
[CSS Text L4] [At risk]hyphens
[CSS Text L3]
I
icon
[CSS UI L3] [At risk]image-orientation
[CSS Images L3]image-resolution
[CSS Images L3]image-rendering
[CSS Images L4]ime
[IME API]ime-align
[IME API]ime-mode
[IME API] [CSS UI L3] [At risk]ime-offset
[IME API]ime-width
[IME API]
initial-letters
[CSS Inline L3]inline-box-align
[CSS Inline L3]isolation
[Compositing]
J
justify-content
[CSS Align L3] [CSS Flexbox]justify-items
[CSS Align L3]justify-self
[CSS Align L3]
K
kerning
[SVG 1.1]
L
left
[CSS Position L3]letter-spacing
[CSS Text L3]lighting-color
[Filters]line-box-contain
[CSS Inline L3]line-break
[CSS Text L3]line-grid
[CSS Line Grid]line-height
[CSS Inline L3]line-slack
[CSS Line Grid]line-snap
[CSS Line Grid]list-style
[CSS Lists L3]list-style-image
[CSS Lists L3]list-style-position
[CSS Lists L3]list-style-type
[CSS Lists L3]
M
margin
[CSS 2.1]marker
[SVG 1.1]marker-knockout-left
[SVG 2]marker-knockout-right
[SVG 2]marker-side
[CSS Lists L3]marks
[CSS Page L3]marquee-direction
[CSS Marquee L3]marquee-play-count
[CSS Marquee L3]marquee-speed
[CSS Marquee L3]marquee-style
[CSS Marquee L3]mask
[CSS Masking]mask-image
[CSS Masking]mask-repeat
[CSS Masking]mask-position
[CSS Masking]mask-clip
[CSS Masking]mask-origin
[CSS Masking]mask-size
[CSS Masking]
mask-box
[CSS Masking]mask-box-outset
[CSS Masking]mask-box-repeat
[CSS Masking]mask-box-slice
[CSS Masking]mask-box-source
[CSS Masking]mask-box-width
[CSS Masking]
mask-type
[CSS Masking]max-height
[CSS 2.1]max-lines
[CSS Overflow L3]max-width
[CSS 2.1]min-height
[CSS 2.1]min-width
[CSS 2.1]mix-blend-mode
[Compositing]
N
nav-down
[CSS UI L3]nav-index
[CSS UI L3] [At risk]nav-left
[CSS UI L3]nav-right
[CSS UI L3]nav-up
[CSS UI L3]
O
object-fit
[CSS Images L3]object-position
[CSS Images L3]offset-after
[CSS Position L3]offset-before
[CSS Position L3]offset-end
[CSS Position L3]offset-start
[CSS Position L3]opacity
[CSS Color L3]order
[CSS Flexbox]orphans
[CSS Break L3]outline
[CSS UI L3]outline-color
[CSS UI L3]outline-style
[CSS UI L3]outline-width
[CSS UI L3]
outline-offset
[CSS UI L3]overflow
[CSS Overflow L3]overflow-x
[CSS Overflow L3]overflow-y
[CSS Overflow L3]
overflow-style
[CSS Marquee L3]overflow-wrap
[CSS Text L3]
P
padding
[CSS 2.1]page
[CSS Page L3]page-break-after
[CSS 2.1]page-break-before
[CSS 2.1]page-break-inside
[CSS 2.1]paint-order
[SVG 2]pause
[CSS Speech]pause-after
[CSS Speech]pause-before
[CSS Speech]
perspective
[CSS Transforms]perspective-origin
[CSS Transforms]pitch
[CSS 2.1]pitch-range
[CSS 2.1]play-during
[CSS 2.1]pointer-events
[SVG 1.1]position
[CSS Position L3]
Q
quotes
[CSS 2.1]
R
region-fragment
[CSS Regions]resize
[CSS UI L3]rest
[CSS Speech]rest-after
[CSS Speech]rest-before
[CSS Speech]
richness
[CSS 2.1]right
[CSS Position L3]ruby-align
[CSS Ruby]ruby-merge
[CSS Ruby]ruby-position
[CSS Ruby]
S
scroll-behavior
[CSSOM View]scroll-snap-coordinate
[CSS Snap Points]scroll-snap-destination
[CSS Snap Points]scroll-snap-points-x
[CSS Snap Points]scroll-snap-points-y
[CSS Snap Points]scroll-snap-type
[CSS Snap Points]shape-image-threshold
[CSS Shapes]shape-inside
[CSS Shapes L2]shape-margin
[CSS Shapes]shape-outside
[CSS Shapes]shape-padding
[CSS Shapes L2]shape-rendering
[SVG 1.1]size
[CSS Page L3]speak
[CSS Speech]speak-as
[CSS Speech]speak-header
[CSS 2.1]speak-numeral
[CSS 2.1]speak-punctuation
[CSS 2.1]speech-rate
[CSS 2.1]stop-color
[SVG 1.1]stop-opacity
[SVG 1.1]stress
[CSS 2.1]string-set
[CSS GCPM]stroke
[SVG 1.1]stroke-dasharray
[SVG 1.1]stroke-dashoffset
[SVG 1.1]stroke-linecap
[SVG 1.1]stroke-linejoin
[SVG 1.1]stroke-miterlimit
[SVG 1.1]stroke-opacity
[SVG 1.1]stroke-width
[SVG 1.1]
T
tab-size
[CSS Text L3]table-layout
[CSS 2.1]text-align
[CSS Text L3]text-align-all
[CSS Text L3]text-align-last
[CSS Text L3]
text-anchor
[SVG 1.1]text-combine-upright
[CSS Writing Modes L3]text-decoration
[CSS Text Decor L3] [CSS Text L4]text-decoration-color
[CSS Text Decor L3] [CSS Text L4]text-decoration-line
[CSS Text Decor L3] [CSS Text L4]text-decoration-style
[CSS Text Decor L3] [CSS Text L4]
text-decoration-skip
[CSS Text Decor L3] [CSS Text L4] [At risk]text-emphasis
[CSS Text Decor L3] [CSS Text L4]text-emphasis-color
[CSS Text Decor L3] [CSS Text L4]text-emphasis-style
[CSS Text Decor L3] [CSS Text L4]
text-emphasis-position
[CSS Text Decor L3] [CSS Text L4]text-emphasis-skip
[CSS Text L4] [At risk]text-height
[CSS Inline L3]text-indent
[CSS Text L3]text-justify
[CSS Text L3] [At risk]text-orientation
[CSS Writing Modes L3]text-overflow
[CSS UI L3]text-rendering
[SVG 1.1]text-shadow
[CSS Text Decor L3] [CSS Text L4]text-size-adjust
[CSS Size Adjust]text-space-collapse
[CSS Text L4]text-spacing
[CSS Text L4] [At risk]text-transform
[CSS Text L3]text-underline-position
[CSS Text Decor L3] [CSS Text L4]text-wrap
[CSS Text L4]top
[CSS Position L3]touch-action
[Pointer Events]transform
[CSS Transforms]transform-box
[CSS Transforms]transform-origin
[CSS Transforms]transform-style
[CSS Transforms]transition
[CSS Transitions]transition-delay
[CSS Transitions]transition-duration
[CSS Transitions]transition-property
[CSS Transitions]transition-timing-function
[CSS Transitions]
U
unicode-bidi
[CSS Writing Modes L3]
V
vector-effect
[SVG 2]vertical-align
[CSS Inline L3]visibility
[CSS 2.1]voice-balance
[CSS Speech] [At risk]voice-duration
[CSS Speech] [At risk]voice-family
[CSS Speech]voice-pitch
[CSS Speech] [At risk]voice-range
[CSS Speech] [At risk]voice-rate
[CSS Speech]voice-stress
[CSS Speech] [At risk]voice-volumn
[CSS Speech]volume
[CSS 2.1]
W
white-space
[CSS Text L3]widows
[CSS Break L3]width
[CSS 2.1]will-change
[CSS Will Change]word-break
[CSS Text L3]word-spacing
[CSS Text L3]word-wrap
[CSS Text L3] [Deprecated. Useoverflow-wrap
]wrap-flow
[CSS Exclusions]wrap-through
[CSS Exclusions]writing-mode
[CSS Writing Modes L3]
Z
z-index
[CSS Position L3]
Misc
--*
[CSS Variables]
Data Types
- Pre-defined keywords [CSS Values L3]
inherit
[CSS Values L3]initial
[CSS Values L3]unset
[CSS Cascade L3]
- <angle> [CSS Values L3]
- <color> [CSS Color L3]
- <custom-ident> [CSS Values L3]
- <frequency> [CSS Values L3]
- <image> [CSS Images L3]
- <integer> [CSS Values L3]
- <length> [CSS Values L3]
- <number> [CSS Values L3]
- <percentage> [CSS Values L3]
- <position> [CSS Backgrounds L3]
- <resolution> [CSS Values L3]
- <string> [CSS Values L3]
- <time> [CSS Values L3]
- <url> [CSS Values L3]
Functions
attr()
[CSS Values L3]calc()
[CSS Values L3]toggle()
[CSS Values L3]
Media Types
all
[Media Queries L4]aural
[CSS 2.1] [Deprecated]braille
[CSS 2.1] [Deprecated]embossed
[CSS 2.1] [Deprecated]handheld
[CSS 2.1] [Deprecated]print
[Media Queries L4]projection
[CSS 2.1] [Deprecated]screen
[Media Queries L4]speech
[Media Queries L4]tty
[CSS 2.1] [Deprecated]tv
[CSS 2.1] [Deprecated]
CSS at-rules
@bottom-center
[CSS Page L3]@bottom-left
[CSS Page L3]@bottom-left-corner
[CSS Page L3]@bottom-right
[CSS Page L3]@bottom-right-corner
[CSS Page L3]@charset
[CSS 2.1]@counter-style
[CSS Counter Styles]@custom-media
[Media Queries L4]@custom-selector
[CSS Extensions]@filters
[Filters]@font-face
[CSS Fonts L3]@font-feature-values
[CSS Fonts L3]@footnote
[CSS GCPM]@import
[CSS Cascade]@keyframes
[CSS Animations]@left-bottom
[CSS Page L3]@left-middle
[CSS Page L3]@left-top
[CSS Page L3]@media
[Media Queries L3 [CSS Conditional]@namespace
[CSS Namespaces L3]@page
[CSS Page L3]@right-bottom
[CSS Page L3]@right-middle
[CSS Page L3]@right-top
[CSS Page L3]@scope
[CSS Scoping]@slot
[CSS Page Template L3]@supports
[CSS Conditional]@template
[CSS Page Template L3]@top-center
[CSS Page L3]@top-left
[CSS Page L3]@top-left-corner
[CSS Page L3]@top-right
[CSS Page L3]@top-right-corner
[CSS Page L3]@viewport
[CSS Device Adapt]
Descriptors
additive-symbols
(@counter-style
) [CSS Counter Styles L3]aspect-ratio
(@media
) [Media Queries L3]color
(@media
) [Media Queries L3]color-index
(@media
) [Media Queries L3]device-aspect-ratio
(@media
) [Media Queries L3]device-height
(@media
) [Media Queries L3]device-width
(@media
) [Media Queries L3]fallback
(@counter-style
) [CSS Counter Styles L3]font-family
(@font-face
) [CSS Fonts L3]font-feature-setting
(@font-face
) [CSS Fonts L3]font-stretch
(@font-face
) [CSS Fonts L3]font-style
(@font-face
) [CSS Fonts L3]font-weight
(@font-face
) [CSS Fonts L3]font-variant
(@font-face
) [CSS Fonts L3]geometry
(@filter
) [Filters]grid
(@media
) [Media Queries L3]height
(@media
) [Media Queries L3] (@viewport
) [CSS Device Adapt]hover
(@media
) [Media Queries L4]light-level
(@media
) [Media Queries L4]margin
(@filter
) [Filters]max-height
(@viewport
) [CSS Device Adapt]max-width
(@viewport
) [CSS Device Adapt]max-zoom
(@viewport
) [CSS Device Adapt]min-height
(@viewport
) [CSS Device Adapt]min-width
(@viewport
) [CSS Device Adapt]min-zoom
(@viewport
) [CSS Device Adapt]mix
(@filter
) [Filters]monochrome
(@media
) [Media Queries L3]negative
(@counter-style
) [CSS Counter Styles L3]orientation
(@media
) [Media Queries L3] (@viewport
) [CSS Device Adapt]overflow-block
(@media
) [Media Queries L4]overflow-inline
(@media
) [Media Queries L4]pad
(@counter-style
) [CSS Counter Styles L3]parameters
(@filter
) [Filters]pointer
(@media
) [Media Queries L4]prefix
(@counter-style
) [CSS Counter Styles L3]range
(@counter-style
) [CSS Counter Styles L3]resolution
(@media
) [Media Queries L3]scan
(@media
) [Media Queries L3]scripting
(@media
) [Media Queries L4]speak-as
(@counter-style
) [CSS Counter Styles L3]src
(@font-face
) [CSS Fonts L3] (@filter
) [Filters]suffix
(@counter-style
) [CSS Counter Styles L3]symbols
(@counter-style
) [CSS Counter Styles L3]system
(@counter-style
) [CSS Counter Styles L3]unicode-range
(@font-face
) [CSS Fonts L3]update-frequency
(@media
) [Media Queries L4]user-zoom
(@viewport
) [CSS Device Adapt]width
(@media
) [Media Queries L3] (@viewport
) [CSS Device Adapt]zoom
(@viewport
) [CSS Device Adapt]--*
(@media
) [Media Queries L4]
Selectors
Simple selectors
.
Class [Selectors L3]#
ID [Selectors L3]E
Type [Selectors L3]*
Universal [Selectors L3]
Attribute selectors
[att]
Attribute presence [Selectors L3][att=val]
Attribute value exactly equal [Selectors L3][att=val i]
Attribute value case-insensitively exactly equal [Selectors L4][att~=val]
Attribute value whitespace separated, one exactly equal [Selectors L3][att|=val]
Attribute value begins with or exactly equal [Selectors L3]
Combinators
E F
Decedent [Selectors L3]E > F
Child [Selectors L3]E + F
Next-sibling [Selectors L3]E ~ F
Following-sibling [Selectors L3]F || E
Column [Selectors L4]x-E /deep/ F
[CSS Scoping]
Pseudo-classes
:active
[Selectors L3]:active-drop
[Selectors L4]:any-link
[Selectors L4]:blank
[CSS Page L3]:blank
[Selectors L4]:checked
[Selectors L3]:current
[Selectors L4]:current()
[Selectors L4]:dir()
[Selectors L4]:default
[CSS UI L3]:disabled
[Selectors L3]:drop
[Selectors L4]:drop()
[Selectors L4]:empty
[Selectors L3]:enabled
[Selectors L3]:first
[CSS Page L3]:first-child
[Selectors L3]:first-of-type
[Selectors L3]:focus
[Selectors L3]:fullscreen
[Fullscreen]:future
[Selectors L4]:has()
[Selectors L4]:host
[CSS Scoping]:host()
[CSS Scoping]:host-context()
[CSS Scoping]:hover
[Selectors L3]:indeterminate
[Selectors L3]:in-range
[CSS UI L3]:invalid
[CSS UI L3]:invalid-drop
[Selectors L4]:lang()
[Selectors L3]:last-child
[Selectors L3]:last-of-type
[Selectors L3]:left
[CSS Page L3]:link
[Selectors L3]:matches()
[Selectors L4]:not
[Selectors L3]:nth-child()
[Selectors L3]:nth-column
[Selectors L4]:nth-last-child()
[Selectors L3]:nth-last-column
[Selectors L4]:nth-last-of-type()
[Selectors L3]:nth-of-type()
[Selectors L3]:only-child
[Selectors L3]:only-of-type
[Selectors L3]:optional
[CSS UI L3]:out-of-range
[CSS UI L3]:past
[Selectors L4]:placeholder-shown
[Selectors L4]:read-only
[CSS UI L3]:read-write
[CSS UI L3]:required
[CSS UI L3]:right
[CSS Page L3]:root
[Selectors L3]:scope
[Selectors L4]:scope-context()
[CSS Scoping]:target
[Selectors L3]:valid
[CSS UI L3]:valid-drop
[Selectors L4]:visited
[Selectors L3]:--*
[CSS Extensions]
Pseudo-elements
::after
[Selectors L3]::attr()
[Selectors Non Element]::backdrop
[Fullscreen]::before
[Selectors L3]::choices
[CSS UI L3]::column()
[CSS Scoping]::content
[CSS Scoping]::cue
[WebVTT]::cue()
[WebVTT]::cue-region
[WebVTT]::first-letter
[Selectors L3]::first-line
[Selectors L3]::footnote-call
[CSS GCPM]::footnote-marker
[CSS GCPM]::marker
[CSS Lists L3]::nth-fragment()
[CSS Overflow L3]::page()
[CSS Scoping]::read-only
[CSS UI L3]::region
[CSS Scoping]::repeat-index
[CSS UI L3]::repeat-item
[CSS UI L3]::selection
[CSS Pseudo-Elements L4]::shadow
[CSS Scoping]::value
[CSS UI L3]