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]EType [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 FDecedent [Selectors L3]E > FChild [Selectors L3]E + FNext-sibling [Selectors L3]E ~ FFollowing-sibling [Selectors L3]F || EColumn [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]