Revision 444627 of CSS reference

  • Revision slug: Web/CSS/Reference
  • Revision title: CSS reference
  • Revision id: 444627
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, units, 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">CSS</a> properties, <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> and <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>, <a href="/en-US/docs/Web/CSS/At-rule">@-rules</a>, units, 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-US/docs/Web/CSS/CSS3">CSS3</a> property and concept standardized, or already stabilized.</span></p>
<p>See also <a href="/en-US/docs/Web/CSS/CSS_Reference/Mozilla_Extensions">Mozilla CSS Extensions</a> for Gecko-specific properties prefixed with <code>-moz</code>; and <a href="/en-US/docs/Web/CSS/CSS_Reference/Webkit_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>
<div>
  {{CSS_Ref}}</div>
<h2 id="Selectors">Selectors</h2>
<ul>
  <li>Basic Selectors
    <ul>
      <li><a href="/en-US/docs/Web/CSS/Type_selectors">Type selectors</a><code> elementname</code></li>
      <li><a href="/en-US/docs/Web/CSS/Class_selectors">Class selectors</a> <code>.classname</code></li>
      <li><a href="/en-US/docs/Web/CSS/ID_selectors">ID selectors</a> <code>#idname</code></li>
      <li><a href="/en-US/docs/Web/CSS/Universal_selectors">Universal selectors</a><code> * ns|* *|*</code></li>
      <li><a href="/en-US/docs/Web/CSS/Attribute_selectors">Attribute selectors</a><code> [attr=value]</code></li>
    </ul>
  </li>
  <li>Combinators
    <ul>
      <li><a href="/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Adjacent sibling selectors</a> <code>A + B</code></li>
      <li><a href="/en-US/docs/Web/CSS/General_sibling_selectors">General sibling selectors</a> <code>A ~ B</code></li>
      <li><a href="/en-US/docs/Web/CSS/Child_selectors">Child selectors</a> <code>A &gt; B</code></li>
      <li><a href="/en-US/docs/Web/CSS/Descendant_selectors">Descendant selectors</a> <code>A B</code></li>
    </ul>
  </li>
  <li><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-elements</a></li>
  <li><a href="/en-US/docs/Web/CSS/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/Web/Guide/CSS/Media_queries">How to use Media queries</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Counters">How to use CSS Counters</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_gradients">Using CSS gradients</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transforms">Using CSS transforms</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">Using CSS animations</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">Using CSS transitions</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_multiple_backgrounds">Using CSS multiple backgrounds</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Flexible_boxes">Using CSS flexible boxes</a></li>
  <li><a href="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts" title="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts">Using CSS multi-column layouts</a></li>
</ul>
<h2 id="Concepts">Concepts</h2>
<ul>
  <li><a href="/en-US/docs/Web/CSS/Syntax">CSS syntax</a></li>
  <li><a href="/en-US/docs/Web/CSS/At-rule">At-rule</a></li>
  <li><a href="/en-US/docs/Web/CSS/Comments">Comments</a></li>
  <li><a href="/en-US/docs/Web/CSS/Specificity">Specificity</a></li>
  <li><a href="/en-US/docs/Web/CSS/initial_value">Initial value</a></li>
  <li><a href="/en-US/docs/Web/CSS/inheritance">Inheritance</a></li>
  <li><a href="/en-US/docs/Web/CSS/specified_value">Specified value</a></li>
  <li><a href="/en-US/docs/Web/CSS/computed_value">Computed value</a></li>
  <li><a href="/en-US/docs/Web/CSS/used_value">Used value</a></li>
  <li><a href="/en-US/docs/Web/CSS/actual_value">Actual value</a></li>
  <li><a href="/en-US/docs/Web/CSS/box_model">Box model</a></li>
  <li><a href="/en-US/docs/Web/CSS/Replaced_element">Replaced element</a></li>
  <li><a href="/en-US/docs/Web/CSS/Value_definition_syntax">Value definition syntax</a></li>
</ul>
Revert to this revision