CSS reference

  • Revision slug: CSS/CSS_Reference
  • Revision title: CSS Reference
  • Revision id: 347229
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

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.

{{ CSS_Ref() }}

Selectors

CSS3 Tutorials

These small how-to pages describe new technologies appeared in CSS3, or in CSS2.1 but with low support until recently:

Concepts

Revision Source

<p><span class="seoSummary">This <em>CSS Reference</em> lists all standard <a href="/en-US/docs/CSS" title="CSS">CSS</a> properties, <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-classes</a> and <a href="/en-US/docs/CSS/Pseudo-elements" title="Pseudo-elements">pseudo-elements</a>, <a href="/en-US/docs/CSS/At-rule" title="At-rule">@-rules</a>, and selectors in alphabetic order. </span>It allows you to quickly access detailed information for each of them. <span class="seoSummary">It not only lists the CSS1 and CSS2.1 properties, but also is a CSS3 reference that links to any <a href="/en/CSS/CSS3" title="CSS3">CSS3</a> property and concept standardized, or already stabilized.</span></p>
<p>See also <a href="/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions" title="Mozilla CSS Extensions">Mozilla CSS Extensions</a> for Gecko-specific properties prefixed with <code>-moz</code>; and <a href="/en-US/docs/CSS/CSS_Reference/Webkit_Extensions" title="WebKit CSS extensions">WebKit CSS Extensions</a> for WebKit-specific properties. See <a href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vendor-prefixed CSS Property Overview</a> by Peter Beverloo for all prefixed properties.</p>
<p>{{ CSS_Ref() }}</p>
<h2 id="Selectors">Selectors</h2>
<ul>
  <li>Basic Selectors
    <ul>
      <li><a href="/en-US/docs/CSS/Type_selectors" title="Type selectors">Type selectors</a><code> elementname</code></li>
      <li><a href="/en-US/docs/CSS/Class_selectors" title="Class selectors">Class selectors</a> <code>.classname</code></li>
      <li><a href="/en-US/docs/CSS/ID_selectors" title="ID selectors">ID selectors</a> <code>#idname</code></li>
      <li><a href="/en-US/docs/CSS/Universal_selectors" title="Universal selectors">Universal selectors</a><code> * ns|* *|*</code></li>
      <li><a href="/en-US/docs/CSS/Attribute_selectors" title="/en-US/docs/CSS/Attribute_selectors">Attribute selectors</a><code> [attr=value]</code></li>
    </ul>
  </li>
  <li>Combinators
    <ul>
      <li><a href="/en-US/docs/CSS/Adjacent_sibling_selectors" title="Adjacent sibling selectors">Adjacent sibling selectors</a> <code>A + B</code></li>
      <li><a href="/en-US/docs/CSS/General_sibling_selectors" title="General sibling selectors">General sibling selectors</a> <code>A ~ B</code></li>
      <li><a href="/en-US/docs/CSS/Child_selectors" title="Child selectors">Child selectors</a> <code>A &gt; B</code></li>
      <li><a href="/en-US/docs/CSS/Descendant_selectors" title="Descendant selectors">Descendant selectors</a> <code>A B</code></li>
    </ul>
  </li>
  <li><a href="/en-US/docs/CSS/Pseudo-elements" title="Pseudo-elements">Pseudo-elements</a></li>
  <li><a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">Pseudo-classes</a></li>
</ul>
<h2 id="CSS3_Tutorials">CSS3 Tutorials</h2>
<p>These small how-to pages describe new technologies appeared in CSS3, or in CSS2.1 but with low support until recently:</p>
<ul>
  <li><a href="/en-US/docs/CSS/Media_queries" title="How to use media queries">How to use Media queries</a></li>
  <li><a href="/en-US/docs/CSS_Counters" title="How to use CSS Counters">How to use CSS Counters</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_gradients" title="How to use CSS gradients">Using CSS gradients</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_transforms" title="How to use CSS transforms">Using CSS transforms</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_animations" title="/en-US/docs/CSS/Using_CSS_animations">Using CSS animations</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_transitions" title="/en-US/docs/CSS/Using_CSS_transitions">Using CSS transitions</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_multiple_backgrounds" title="/en-US/docs/CSS/Using_CSS_multiple_backgrounds">Using CSS multiple backgrounds</a></li>
  <li><a href="/en-US/docs/CSS/Using_CSS_flexible_boxes" title="/en-US/docs/CSS/Using_CSS_flexible_boxes">Using CSS flexible boxes</a></li>
</ul>
<h2 id="Concepts">Concepts</h2>
<ul>
  <li><a href="/en-US/docs/CSS/Syntax" title="Syntax">CSS syntax</a></li>
  <li><a href="/en-US/docs/CSS/At-rule" title="At-rule">At-rule</a></li>
  <li><a href="/en-US/docs/CSS/Comments" title="Comments&quot;">Comments</a></li>
  <li><a href="/en-US/docs/CSS/Specificity" title="Specificity">Specificity</a></li>
  <li><a href="/en-US/docs/CSS/initial_value" title="Initial value">Initial value</a></li>
  <li><a href="/en-US/docs/CSS/inheritance" title="Inheritance">Inheritance</a></li>
  <li><a href="/en-US/docs/CSS/specified_value" title="Specified value">Specified value</a></li>
  <li><a href="/en-US/docs/CSS/computed_value" title="Computed value">Computed value</a></li>
  <li><a href="/en-US/docs/CSS/used_value" title="Used value">Used value</a></li>
  <li><a href="/en-US/docs/CSS/actual_value" title="Actual value">Actual value</a></li>
  <li><a href="/en-US/docs/CSS/box_model" title="Box model">Box model</a></li>
  <li><a href="/en-US/docs/CSS/Replaced_element" title="/en-US/docs/CS/Replaced_element">Replaced element</a></li>
  <li><a href="/en-US/docs/CSS/Value_definition_syntax" title="/en-US/docs/CSS/Value_definition_syntax">Value definition syntax</a></li>
</ul>
Revert to this revision