CSS reference
Use this CSS reference to browse an alphabetical index of all of the standard CSS properties, pseudo-classes, pseudo-elements, data types, functional notations and at-rules. You can also browse key CSS concepts and a list of selectors organized by type. Also included is a brief DOM-CSS / CSSOM reference.
Basic rule syntax
>Style rule syntax
style-rule ::=
selectors-list {
properties-list
}
Where:
selectors-list ::=
selector[:pseudo-class] [::pseudo-element]
[, selectors-list]
properties-list ::=
[property : value] [; properties-list]
See the index of selectors, pseudo-classes, and pseudo-elements below. The syntax for each specified value depends on the data type defined for each specified property.
Style rule examples
strong {
color: red;
}
div.menu-bar li:hover > ul {
display: block;
}
For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors. Be aware that any syntax error in a rule definition invalidates the entire rule. Invalid rules are ignored by the browser. Note that CSS rule definitions are entirely (Unicode) text-based, whereas DOM-CSS / CSSOM (the rule management system) is object-based.
At-rule syntax
As the structure of at-rules varies widely, please see At-rule to find the syntax of the specific one you want.
Index
Note: This index does not include SVG-exclusive presentation attributes, which can be used as CSS properties on SVG elements.
Note: The property names in this index do not include the JavaScript names which do differ from the CSS standard names.
-
:-moz-brokenCSS pseudo-class::-moz-color-swatchCSS pseudo-element:-moz-drag-overCSS pseudo-class:-moz-first-nodeCSS pseudo-class::-moz-focus-innerCSS pseudo-element:-moz-handler-blockedCSS pseudo-class:-moz-handler-crashedCSS pseudo-class:-moz-handler-disabledCSS pseudo-class:-moz-last-nodeCSS pseudo-class::-moz-list-bulletCSS pseudo-element::-moz-list-numberCSS pseudo-element:-moz-loadingCSS pseudo-class:-moz-locale-dir(ltr)CSS pseudo-class:-moz-locale-dir(rtl)CSS pseudo-class::-moz-meter-barCSS pseudo-element:-moz-only-whitespaceCSS pseudo-class::-moz-progress-barCSS pseudo-element::-moz-range-progressCSS pseudo-element::-moz-range-thumbCSS pseudo-element::-moz-range-trackCSS pseudo-element:-moz-submit-invalidCSS pseudo-class:-moz-suppressedCSS pseudo-class:-moz-user-disabledCSS pseudo-class:-moz-window-inactiveCSS pseudo-class::-webkit-inner-spin-buttonCSS pseudo-element::-webkit-meter-barCSS pseudo-element::-webkit-meter-even-less-good-valueCSS pseudo-element::-webkit-meter-inner-elementCSS pseudo-element::-webkit-meter-optimum-valueCSS pseudo-element::-webkit-meter-suboptimum-valueCSS pseudo-element::-webkit-progress-barCSS pseudo-element::-webkit-progress-inner-elementCSS pseudo-element::-webkit-progress-valueCSS pseudo-element::-webkit-scrollbarCSS pseudo-element::-webkit-search-cancel-buttonCSS pseudo-element::-webkit-search-results-buttonCSS pseudo-element::-webkit-slider-runnable-trackCSS pseudo-element::-webkit-slider-thumbCSS pseudo-element
A
- Attribute selectors
abs()CSS function<absolute-size>CSS typeaccent-colorCSS propertyacos()CSS function:activeCSS pseudo-class:active-view-transitionCSS pseudo-class:active-view-transition-type()CSS pseudo-classadditive-symbolsCSS at-rule descriptor (@counter-style)::afterCSS pseudo-elementalign-contentCSS propertyalign-itemsCSS propertyalign-selfCSS propertyalignment-baselineCSS propertyallCSS propertyalpha()CSS function<alpha-value>CSS typeanchor()CSS functionanchor-nameCSS propertyanchor-scopeCSS propertyanchor-size()CSS function<angle-percentage>CSS type<angle>CSS typeanimationCSS propertyanimation-compositionCSS propertyanimation-delayCSS propertyanimation-directionCSS propertyanimation-durationCSS propertyanimation-fill-modeCSS propertyanimation-iteration-countCSS propertyanimation-nameCSS propertyanimation-play-stateCSS propertyanimation-rangeCSS propertyanimation-range-endCSS propertyanimation-range-startCSS propertyanimation-timelineCSS propertyanimation-timing-functionCSS property