Mozilla Developer NetworkTable of contents
- 1. Selectors
- 2. Miscellaneous
- 3. Concepts
This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, and selectors in the alphabetic order. It allows you to quickly access to 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.
A
:active::after (:after)<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-right-radiusborder-bottom-left-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-resetcubic-bezier()cursorcycle()
:first:first-child::first-letter (:first-letter)::first-line (:first-line):first-of-typeflexflex-alignflex-basisflex-directionflex-flowflex-growflex-item-alignflex-line-packflex-orderflex-packflex-shrinkflex-wrapfloat:focusfont@font-facefont-familyfont-feature-settingsfont-kerningfont-language-overridefont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-variant-ligaturesfont-weight<frequency>
icon<identifier><image>image()image-renderingimage-resolutionimage-orientationime-mode@import:indeterminate:in-rangeinheritinitial<integer>:invalid
:lang:last-child:last-of-typeleft:left-
<length> letter-spacinglinear-gradient():linkline-heightlist-stylelist-style-imagelist-style-positionlist-style-type
marginmargin-bottommargin-leftmargin-rightmargin-topmarker-offsetmarksmaskmatrix()matrix3d()max-heightmax-width@mediamin-heightmin-width
@namespace(w3c)nav-downnav-indexnav-leftnav-rightnav-upnonenormal:not:nth-child:nth-last-child:nth-last-of-type:nth-of-type<number>
object-fitobject-position:only-child:only-of-typeopacity:optionalorphansoutlineoutline-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
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>
table-layouttab-sizetext-aligntext-align-lasttext-decorationtext-decoration-colortext-decoration-linetext-decoration-styletext-indenttext-overflowtext-renderingtext-shadowtext-transform<time><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
[attribute][attribute="value"][attribute~="value"][attribute|="value"][attribute^="value"][attribute$="value"][attribute*="value"][ns|attribute]
- 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
