Revision 894429 of CSS reference

<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>, <a href="https://developer.mozilla.org/en/docs/Web/CSS/length">units</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 CSS 1 and CSS 2.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/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="https://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vendor-prefixed CSS Property Overview</a> by Peter Beverloo for all prefixed properties.</p>

<h2 id="Keyword_index">Keyword index</h2>

<div>{{CSS_Ref}}</div>

<div class="column-container">
<div class="column-half">
<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>

<p>A complete <a href="https://www.w3.org/TR/selectors/#selectors" title="https://www.w3.org/TR/selectors/#selectors">list of selectors</a> in the Selectors Level 3 specification.</p>

<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">Using CSS media queries</a></li>
 <li><a href="/en-US/docs/Web/Guide/CSS/Counters">Using 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>
</div>
</div>