CSS reference

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

Revision Content

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.

 

Selectors

Miscellaneous

Concepts

{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "pt":"pt/Refer%C3%AAncia_CSS", "zh-cn": "zh-cn/CSS/CSS_Reference" } ) }}

Revision Source

<p>This <em><dfn>CSS Reference</dfn></em> lists all standard <a href="/en/CSS" title="CSS">CSS</a> properties, <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-classes</a> and <a href="/en/CSS/Pseudo-elements" title="Pseudo-elements">pseudo-elements</a>, <a href="/en/CSS/At-rule" title="At-rule">@-rules</a>, and selectors in the alphabetic order. It allows you to quickly access to detailed information for each of them.</p>
<p>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.</p>
<p>See also <a href="/en/CSS/CSS_Reference/Mozilla_Extensions" title="en/CSS_Reference/Mozilla_Extensions">Mozilla CSS Extensions</a> for Gecko-specific properties prefixed with <code>-moz</code>; and <a href="/en/CSS/CSS_Reference/Webkit_Extensions" title="WebKit extensions">WebKit CSS Extensions</a> for WebKit-specific properties. See <a class="external" href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/" title="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vendor-prefixed CSS Property Overview</a> by Peter Beverloo for all prefixed properties.</p>
<p> </p>
<h2 id="Selectors">Selectors</h2>
<ul>
  <li>Basic Selectors
    <ul>
      <li><a class="internal" href="/en/CSS/Type_selectors" title="en/CSS/Type selectors">Type selectors</a><code>  elementname</code></li>
      <li><a class="internal" href="/En/CSS/Class_selectors" title="en/CSS/Class selectors">Class selectors</a>  <code>.classname</code></li>
      <li><a class="internal" href="/En/CSS/ID_selectors" title="en/CSS/ID selectors">ID selectors</a>  <code>#idname</code></li>
      <li><a class="internal" href="/en/CSS/Universal_selectors" title="en/CSS/Universal selectors">Universal selectors</a><code>  *  ns|*  *|*</code></li>
      <li><a class="internal" href="/en/CSS/Attribute_selectors" title="en/CSS/Attribute selectors">Attribute selectors</a>
        <ul style="-moz-column-width:14em; -webkit-columns:14em;margin:0;padding:0;list-style-type:none;">
          <li><code>[attribute]</code></li>
          <li><code>[attribute="value"]</code></li>
          <li><code>[attribute~="value"]</code></li>
          <li><code>[attribute|="value"] </code></li>
          <li><code>[attribute^="value"]</code></li>
          <li><code>[attribute$="value"]</code></li>
          <li><code>[attribute*="value"] </code></li>
          <li><code>[ns|attribute]</code></li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Combinators
    <ul>
      <li><a class="internal" href="/en/CSS/Adjacent_sibling_selectors" title="en/CSS/Adjacent sibling selectors">Adjacent sibling selectors</a><code> A + B</code></li>
      <li><a class="internal" href="/En/CSS/General_sibling_selectors" title="en/CSS/General sibling selectors">General sibling selectors</a><code> A ~ B</code></li>
      <li><a class="internal" href="/en/CSS/Child_selectors" title="en/CSS/Child selectors">Child selectors</a><code> A &gt; B</code></li>
      <li><a class="internal" href="/en/CSS/Descendant_selectors" title="en/CSS/Descendant selectors">Descendant selectors</a><code> A B</code></li>
    </ul>
  </li>
  <li><a class="internal" href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">Pseudo-elements</a></li>
  <li><a href="/en/CSS/Pseudo-classes" title="Pseudo-classes"><span class="internal">Pseudo-classes</span></a></li>
</ul>
<h2 id="Miscellaneous">Miscellaneous</h2>
<ul>
  <li>{{ Cssxref("Comments") }}</li>
  <li><a class="internal" href="/en/CSS/Media_queries" title="En/CSS/Media queries">Media queries</a></li>
  <li><a href="/en/CSS_Counters" title="CSS Counters">Counters</a></li>
  <li><a href="/en/CSS/Using_CSS_gradients" title="Using gradients">Gradients</a></li>
  <li><a href="/En/CSS/Using_CSS_transforms" title="https://developer.mozilla.org/En/CSS/Using_CSS_transforms">Transforms</a></li>
</ul>
<h2 id="Concepts">Concepts</h2>
<ul>
  <li><a href="/en/CSS/Syntax" title="Syntax">CSS syntax</a></li>
  <li><a href="/en/CSS/At-rule" title="en/CSS/At-rule">At-rule</a></li>
  <li><a href="/en/CSS/Comments" title="en/CSS/Comments">Comments</a></li>
  <li><a class="internal" href="/en/CSS/Specificity" title="en/CSS/specificity">Specificity</a></li>
  <li><a class="internal" href="/en/CSS/initial_value" title="en/CSS/initial value">Initial value</a></li>
  <li><a class="internal" href="/en/CSS/inheritance" title="en/CSS/inheritance">Inheritance</a></li>
  <li><a class="internal" href="/en/CSS/specified_value" title="en/CSS/specified value">Specified value</a></li>
  <li><a class="internal" href="/en/CSS/computed_value" title="en/CSS/computed value">Computed value</a></li>
  <li><a class="internal" href="/en/CSS/used_value" title="en/CSS/used value">Used value</a></li>
  <li><a class="internal" href="/en/CSS/actual_value" title="en/CSS/actual value">Actual value</a></li>
  <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Box model</a></li>
</ul>
<p>{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "pt":"pt/Refer%C3%AAncia_CSS", "zh-cn": "zh-cn/CSS/CSS_Reference" } ) }}</p>
Revert to this revision