This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, and selectors in alphabetic order. It allows you to quickly access detailed information for each of them. It not only lists the CSS1 and CSS2.1 properties, but also is a CSS3 reference that links to any CSS3 property and concept standardized, or already stabilized.
See also Mozilla CSS Extensions for Gecko-specific properties prefixed with -moz; and WebKit CSS Extensions for WebKit-specific properties. See Vendor-prefixed CSS Property Overview by Peter Beverloo for all prefixed properties.
:active::after (:after)align-contentalign-itemsalign-self<angle>animationanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-functionattr()auto
backface-visibilitybackgroundbackground-attachmentbackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-repeatbackground-size::before (:before)borderborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-decoration-breakbox-shadowbox-sizingbreak-afterbreak-beforebreak-inside
calc()caption-side@charset:checked::choicesclearclipclip-pathcolor<color>columnscolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcontent<counter>counter-incrementcounter-resetcross-fade()cubic-bezier()cursorcycle()
filter:first:first-child::first-letter (:first-letter)::first-line (:first-line):first-of-typeflexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloat:focusfont@font-facefont-familyfont-feature-settingsfont-kerningfont-language-overridefont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-variant-ligaturesfont-weight<frequency>
icon<image>image()image-renderingimage-resolutionimage-orientationime-mode@import:indeterminate:in-rangeinheritinitial<integer>:invalid
K L
:lang():last-child:last-of-typeleft:left<length>letter-spacinglinear-gradient():linkline-heightlist-stylelist-style-imagelist-style-positionlist-style-type
marginmargin-bottommargin-leftmargin-rightmargin-topmarksmaskmatrix()matrix3d()max-heightmax-width@mediamin-heightmin-width
@namespace(w3c)nav-downnav-indexnav-leftnav-rightnav-upnonenormal:not():nth-child():nth-last-child():nth-last-child():nth-of-type()<number>
object-fitobject-position:only-child:only-of-typeopacity:optionalorderorphansoutlineoutline-coloroutline-offsetoutline-styleoutline-width:out-rangeoverflowoverflow-wrapoverflow-xoverflow-y
paddingpadding-bottompadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-inside<percentage>perspectiveperspective()perspective-originpointer-eventsposition<position>
radial-gradient()<ratio>:read-only:read-writerect()::repeat-index::repeat-itemrepeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>rgb()rgba()right:right:rootrotate()rotateX()rotateY()rotateZ()rotate3d()
scale()scaleX()scaleY()scaleZ()scale3d()::selection<shape>skew()skewX()skewY()steps()<string>@supports
table-layouttab-sizetext-aligntext-align-lasttext-decorationtext-decoration-colortext-decoration-linetext-decoration-styletext-indenttext-overflowtext-renderingtext-shadowtext-transformtext-underline-position<timing-function>toptransformtransform-origintransform-styletransitiontransition-delaytransition-durationtransition-propertytransition-timing-functiontranslate()translateX()translateY()translateZ()translate3d()
Selectors
- Basic Selectors
- Type selectors
elementname - Class selectors
.classname - ID selectors
#idname - Universal selectors
* ns|* *|* - Attribute selectors
[attr=value]
- Type selectors
- Combinators
- Adjacent sibling selectors
A + B - General sibling selectors
A ~ B - Child selectors
A > B - Descendant selectors
A B
- Adjacent sibling selectors
- Pseudo-elements
- Pseudo-classes
CSS3 Tutorials
These small how-to pages describe new technologies appeared in CSS3, or in CSS2.1 but with low support until recently:
- How to use Media queries
- How to use CSS Counters
- Using CSS gradients
- Using CSS transforms
- Using CSS animations
- Using CSS transitions
- Using CSS multiple backgrounds


Mozilla Developer Network