Revision 12020 of CSS reference

  • Revision slug: CSS/CSS_Reference
  • Revision title: CSS Reference
  • Revision id: 12020
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment 40 words added

Revision Content

« CSS

This an alphabetical list of CSS features. If you are going to add or modify a page, please fit in with the template CSS Reference:Property Template and modify as required. The basic template for example pages can be found here: samples/cssref/TEMPLATE.html. Feel free to discuss any questions or suggestions on the Talk:CSS Reference page.

See also Mozilla CSS Extensions for Gecko-specific properties prefixed with -moz-. See Vendor-prefixed CSS Property Overview by Peter Beverloo for all prefixed properties.

Properties

A

  • {{ cssxref("animation") }}
    • {{ cssxref("animation-delay") }}
    • {{ cssxref("animation-direction") }}
    • {{ cssxref("animation-duration") }}
    • {{ cssxref("animation-fill-mode") }}
    • {{ cssxref("animation-iteration-count") }}
    • {{ cssxref("animation-name") }}
    • {{ cssxref("animation-play-state") }}
    • {{ cssxref("animation-timing-function") }}

B

  • {{ Cssxref("background") }}
    • {{ Cssxref("background-attachment") }}
    • {{ Cssxref("background-clip") }}
    • {{ Cssxref("background-color") }}
    • {{ Cssxref("background-image") }}
    • {{ Cssxref("background-origin") }}
    • {{ Cssxref("background-position") }}
    • {{ Cssxref("background-repeat") }}
    • {{ Cssxref("background-size") }}
  • {{ Cssxref("border-image") }}
  • {{ Cssxref("border") }}
    • {{ Cssxref("border-top") }}
    • {{ Cssxref("border-right") }}
    • {{ Cssxref("border-bottom") }}
    • {{ Cssxref("border-left") }}
    • {{ Cssxref("border-color") }}
      • {{ Cssxref("border-top-color") }}
      • {{ Cssxref("border-right-color") }}
      • {{ Cssxref("border-bottom-color") }}
      • {{ Cssxref("border-left-color") }}
    • {{ Cssxref("border-style") }}
      • {{ Cssxref("border-top-style") }}
      • {{ Cssxref("border-right-style") }}
      • {{ Cssxref("border-bottom-style") }}
      • {{ Cssxref("border-left-style") }}
    • {{ Cssxref("border-width") }}
      • {{ Cssxref("border-top-width") }}
      • {{ Cssxref("border-right-width") }}
      • {{ Cssxref("border-bottom-width") }}
      • {{ Cssxref("border-left-width") }}
  • {{ Cssxref("border-collapse") }}
  • {{ Cssxref("border-radius") }}
    • {{ Cssxref("border-top-left-radius") }}
    • {{ Cssxref("border-top-right-radius") }}
    • {{ Cssxref("border-bottom-right-radius") }}
    • {{ Cssxref("border-bottom-left-radius") }}
  • {{ Cssxref("border-spacing") }}
  • {{ Cssxref("bottom") }}
  • {{ Cssxref("box-shadow") }}

C

  • {{ Cssxref("caption-side") }}
  • {{ Cssxref("clear") }}
  • {{ Cssxref("clip") }}
  • {{ Cssxref("clip-path") }}
  • {{ Cssxref("color") }}
  • {{ Cssxref("content") }}
  • {{ Cssxref("counter-increment") }}
  • {{ Cssxref("counter-reset") }}
  • {{ Cssxref("cursor") }}

D

  • {{ Cssxref("direction") }}
  • {{ Cssxref("display") }}

E

  • {{ Cssxref("empty-cells") }}

F

  • {{ Cssxref("filter") }}
  • {{ Cssxref("float") }}
  • {{ Cssxref("font") }}
    • {{ Cssxref("font-style") }}
    • {{ Cssxref("font-variant") }}
    • {{ Cssxref("font-weight") }}
    • {{ Cssxref("font-size") }}
    • {{ Cssxref("line-height") }}
    • {{ Cssxref("font-family") }}
  • {{ Cssxref("font-size-adjust") }}
  • {{ Cssxref("font-stretch") }}

H

  • {{ Cssxref("height") }}
  • {{ Cssxref("hyphens") }}

I

  • {{ Cssxref("image-rendering") }}
  • {{ Cssxref("ime-mode") }}

L

  • {{ Cssxref("left") }}
  • {{ Cssxref("letter-spacing") }}
  • {{ Cssxref("line-height") }}
  • {{ Cssxref("list-style") }}
    • {{ Cssxref("list-style-image") }}
    • {{ Cssxref("list-style-position") }}
    • {{ Cssxref("list-style-type") }}

M

  • {{ Cssxref("margin") }}
    • {{ Cssxref("margin-bottom") }}
    • {{ Cssxref("margin-left") }}
    • {{ Cssxref("margin-right") }}
    • {{ Cssxref("margin-top") }}
  • {{ Cssxref("marker-offset") }}
  • {{ Cssxref("marks") }}
  • {{ Cssxref("mask") }}
  • {{ Cssxref("max-height") }}
  • {{ Cssxref("max-width") }}
  • {{ Cssxref("min-height") }}
  • {{ Cssxref("min-width") }}

O

  • {{ Cssxref("opacity") }}
  • {{ cssxref("orient") }}
  • {{ Cssxref("orphans") }}
  • {{ Cssxref("outline") }}
    • {{ Cssxref("outline-color") }}
    • {{ Cssxref("outline-style") }}
    • {{ Cssxref("outline-width") }}
  • {{ Cssxref("outline-offset") }}
  • {{ Cssxref("overflow") }}
    • {{ Cssxref("overflow-x") }}
    • {{ Cssxref("overflow-y") }}

P

  • {{ Cssxref("padding") }}
    • {{ Cssxref("padding-bottom") }}
    • {{ Cssxref("padding-left") }}
    • {{ Cssxref("padding-right") }}
    • {{ Cssxref("padding-top") }}
  • {{ Cssxref("page-break-after") }}
  • {{ Cssxref("page-break-before") }}
  • {{ Cssxref("page-break-inside") }}
  • {{ Cssxref("pointer-events") }}
  • {{ Cssxref("position") }}

Q

  • {{ Cssxref("quotes") }}

R

  • {{ Cssxref("resize") }}
  • {{ Cssxref("right") }}

T

  • {{ Cssxref("table-layout") }}
  • {{ Cssxref("text-align") }}
  • {{ Cssxref("text-decoration") }}
  • {{ Cssxref("text-indent") }}
  • {{ Cssxref("text-overflow") }}
  • {{ Cssxref("text-rendering") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("text-shadow") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("text-transform") }}
  • {{ Cssxref("top") }}
  • {{ Cssxref("transform") }}
  • {{ Cssxref("transform-origin") }}
  • {{ Cssxref("transition") }}
  • {{ Cssxref("transition-delay") }}
  • {{ Cssxref("transition-duration") }}
  • {{ Cssxref("transition-property") }}
  • {{ Cssxref("transition-timing-function") }}

U

  • {{ Cssxref("unicode-bidi") }}

V

  • {{ Cssxref("vertical-align") }}
  • {{ Cssxref("visibility") }}

W

  • {{ Cssxref("white-space") }}
  • {{ Cssxref("widows") }}
  • {{ Cssxref("width") }}
  • {{ Cssxref("word-spacing") }}
  • {{ Cssxref("word-wrap") }}

Z

  • {{ Cssxref("z-index") }}

Values and types

  • {{ Xref_cssangle() }}
  • {{ Cssxref("auto") }}
  • {{ Xref_csscolorvalue() }}
  • {{ Xref_csscounter() }}
  • {{ Xref_cssfrequency() }}
  • {{ xref_cssidentifier() }}
  • {{ Cssxref("inherit") }}
  • {{ Cssxref("initial") }}
  • {{ Xref_cssinteger() }}
  • {{ Xref_csslength() }}
  • {{ Cssxref("none") }}
  • {{ Cssxref("normal") }}
  • {{ Xref_cssnumber() }}
  • {{ Xref_csspercentage() }}
  • {{ Xref_cssresolution() }}
  • {{ xref_cssratio() }}
  • {{ Xref_cssshape() }}
  • {{ Xref_cssstring() }}
  • {{ Xref_csstime() }}
  • {{ Xref_csstimingfunction() }}
  • {{ Xref_cssuri() }}

Selectors

Basic Selectors

Combinators

Pseudo-elements

  • {{ Cssxref(":after", ":after | ::after") }}
  • {{ Cssxref(":before", ":before | ::before") }}
  • {{ Cssxref("::first-letter", ":first-letter | ::first-letter") }}
  • {{ Cssxref("::first-line", ":first-line | ::first-line") }}
  • {{ Cssxref("::selection") }}
  • {{ cssxref("::-moz-progress-bar") }}

Pseudo-classes

  • Link and user action pseudo-classes
    • {{ Cssxref(":link") }}
    • {{ Cssxref(":visited") }}
    • {{ Cssxref(":active") }}
    • {{ Cssxref(":hover") }}
    • {{ Cssxref(":focus") }}
  • Language pseudo-class  {{ Cssxref(":lang") }}
  • Negation pseudo-class  {{ Cssxref(":not") }}
  • Page pseudo-classes
    • {{ Cssxref(":first") }}
    • {{ Cssxref(":left") }}
    • {{ Cssxref(":right") }}
  • Tree-structural pseudo-classes
    • {{ Cssxref(":root") }}
    • {{ Cssxref(":nth-child") }}
    • {{ Cssxref(":nth-last-child") }}
    • {{ Cssxref(":nth-of-type") }}
    • {{ Cssxref(":nth-last-of-type") }}
    • {{ Cssxref(":first-child") }}
    • {{ Cssxref(":last-child") }}** {{ cssxref|:first-node }} ** {{ cssxref|:last-node }}
    • {{ Cssxref(":only-child") }}
    • {{ Cssxref(":first-of-type") }}
    • {{ Cssxref(":last-of-type") }}
    • {{ Cssxref(":only-of-type") }}
    • {{ Cssxref(":empty") }}
  • {{ Cssxref(":target") }} pseudo-class
  • UI States pseudo-classes
    • {{ Cssxref(":checked") }}
    • {{ Cssxref(":enabled") }}
    • {{ Cssxref(":default") }}
    • {{ Cssxref(":disabled") }}
    • {{ Cssxref(":indeterminate") }}
    • {{ cssxref(":invalid") }}
    • {{ cssxref(":optional") }}
    • {{ cssxref(":required") }}
    • {{ cssxref(":valid") }}

@-rules

  • {{ Cssxref("@charset") }}
  • {{ Cssxref("@font-face") }}
  • {{ Cssxref("@import") }}
  • {{ cssxref("@keyframes") }}
  • {{ Cssxref("@media") }}
  • {{ Cssxref("@namespace") }} (w3c)
  • {{ Cssxref("@page") }}

Miscellaneous

Concepts

{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}

Revision Source

<p>« <a href="/en/CSS" title="en/CSS">CSS</a></p>
<p>This an alphabetical list of CSS features. If you are going to add or modify a page, please fit in with the template <a href="/en/CSS_Reference/Property_Template" title="en/CSS_Reference/Property_Template">CSS Reference:Property Template</a> and modify as required. The basic template for example pages can be found here: <a class="internal" href="/samples/cssref/TEMPLATE.html" title="https://developer.mozilla.org/samples/cssref/TEMPLATE.html ">samples/cssref/TEMPLATE.html</a>. Feel free to discuss any questions or suggestions on the <a href="/Talk:en/CSS_Reference" title="Talk:en/CSS_Reference">Talk:CSS Reference</a> page.</p>
<p>See also <a href="/en/CSS_Reference/Mozilla_Extensions" title="en/CSS_Reference/Mozilla_Extensions">Mozilla CSS Extensions</a> for Gecko-specific properties prefixed with <code>-moz-</code>. 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>
<h2>Properties</h2>
<h3>A</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ cssxref("animation") }} <ul> <li>{{ cssxref("animation-delay") }}</li> <li>{{ cssxref("animation-direction") }}</li> <li>{{ cssxref("animation-duration") }}</li> <li>{{ cssxref("animation-fill-mode") }}</li> <li>{{ cssxref("animation-iteration-count") }}</li> <li>{{ cssxref("animation-name") }}</li> <li>{{ cssxref("animation-play-state") }}</li> <li>{{ cssxref("animation-timing-function") }}</li> </ul> </li>
</ul><h3>B</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("background") }} <ul> <li>{{ Cssxref("background-attachment") }}</li> <li>{{ Cssxref("background-clip") }}</li> <li>{{ Cssxref("background-color") }}</li> <li>{{ Cssxref("background-image") }}</li> <li>{{ Cssxref("background-origin") }}</li> <li>{{ Cssxref("background-position") }}</li> <li>{{ Cssxref("background-repeat") }}</li> <li>{{ Cssxref("background-size") }}</li> </ul> </li> <li>{{ Cssxref("border-image") }}</li> <li>{{ Cssxref("border") }} <ul> <li>{{ Cssxref("border-top") }}</li> <li>{{ Cssxref("border-right") }}</li> <li>{{ Cssxref("border-bottom") }}</li> <li>{{ Cssxref("border-left") }}</li> <li>{{ Cssxref("border-color") }} <ul> <li>{{ Cssxref("border-top-color") }}</li> <li>{{ Cssxref("border-right-color") }}</li> <li>{{ Cssxref("border-bottom-color") }}</li> <li>{{ Cssxref("border-left-color") }}</li> </ul> </li> <li>{{ Cssxref("border-style") }} <ul> <li>{{ Cssxref("border-top-style") }}</li> <li>{{ Cssxref("border-right-style") }}</li> <li>{{ Cssxref("border-bottom-style") }}</li> <li>{{ Cssxref("border-left-style") }}</li> </ul> </li> <li>{{ Cssxref("border-width") }} <ul> <li>{{ Cssxref("border-top-width") }}</li> <li>{{ Cssxref("border-right-width") }}</li> <li>{{ Cssxref("border-bottom-width") }}</li> <li>{{ Cssxref("border-left-width") }}</li> </ul> </li> </ul> </li> <li>{{ Cssxref("border-collapse") }}</li> <li>{{ Cssxref("border-radius") }} <ul> <li>{{ Cssxref("border-top-left-radius") }}</li> <li>{{ Cssxref("border-top-right-radius") }}</li> <li>{{ Cssxref("border-bottom-right-radius") }}</li> <li>{{ Cssxref("border-bottom-left-radius") }}</li> </ul> </li> <li>{{ Cssxref("border-spacing") }}</li> <li>{{ Cssxref("bottom") }}</li> <li>{{ Cssxref("box-shadow") }}</li>
</ul>
<h3>C</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("caption-side") }}</li> <li>{{ Cssxref("clear") }}</li> <li>{{ Cssxref("clip") }}</li> <li>{{ Cssxref("clip-path") }}</li> <li>{{ Cssxref("color") }}</li> <li>{{ Cssxref("content") }}</li> <li>{{ Cssxref("counter-increment") }}</li> <li>{{ Cssxref("counter-reset") }}</li> <li>{{ Cssxref("cursor") }}</li>
</ul>
<h3>D</h3>
<ul> <li>{{ Cssxref("direction") }}</li> <li>{{ Cssxref("display") }}</li>
</ul>
<h3>E</h3>
<ul> <li>{{ Cssxref("empty-cells") }}</li>
</ul>
<h3>F</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("filter") }}</li> <li>{{ Cssxref("float") }}</li> <li>{{ Cssxref("font") }} <ul> <li>{{ Cssxref("font-style") }}</li> <li>{{ Cssxref("font-variant") }}</li> <li>{{ Cssxref("font-weight") }}</li> <li>{{ Cssxref("font-size") }}</li> <li>{{ Cssxref("line-height") }}</li> <li>{{ Cssxref("font-family") }}</li> </ul> </li> <li>{{ Cssxref("font-size-adjust") }}</li> <li>{{ Cssxref("font-stretch") }}</li>
</ul>
<h3>H</h3>
<ul> <li>{{ Cssxref("height") }}</li> <li>{{ Cssxref("hyphens") }}</li>
</ul><h3>I</h3>
<ul> <li>{{ Cssxref("image-rendering") }}</li> <li>{{ Cssxref("ime-mode") }}</li>
</ul>
<h3>L</h3>
<ul> <li>{{ Cssxref("left") }}</li> <li>{{ Cssxref("letter-spacing") }}</li> <li>{{ Cssxref("line-height") }}</li> <li>{{ Cssxref("list-style") }} <ul> <li>{{ Cssxref("list-style-image") }}</li> <li>{{ Cssxref("list-style-position") }}</li> <li>{{ Cssxref("list-style-type") }}</li> </ul> </li>
</ul>
<h3>M</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("margin") }} <ul> <li>{{ Cssxref("margin-bottom") }}</li> <li>{{ Cssxref("margin-left") }}</li> <li>{{ Cssxref("margin-right") }}</li> <li>{{ Cssxref("margin-top") }}</li> </ul> </li> <li>{{ Cssxref("marker-offset") }}</li> <li>{{ Cssxref("marks") }}</li> <li>{{ Cssxref("mask") }}</li> <li>{{ Cssxref("max-height") }}</li> <li>{{ Cssxref("max-width") }}</li> <li>{{ Cssxref("min-height") }}</li> <li>{{ Cssxref("min-width") }}</li>
</ul>
<h3>O</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("opacity") }}</li> <li>{{ cssxref("orient") }}</li> <li>{{ Cssxref("orphans") }}</li> <li>{{ Cssxref("outline") }} <ul> <li>{{ Cssxref("outline-color") }}</li> <li>{{ Cssxref("outline-style") }}</li> <li>{{ Cssxref("outline-width") }}</li> </ul> </li> <li>{{ Cssxref("outline-offset") }}</li> <li>{{ Cssxref("overflow") }} <ul> <li>{{ Cssxref("overflow-x") }}</li> <li>{{ Cssxref("overflow-y") }}</li> </ul> </li>
</ul>
<h3>P</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("padding") }} <ul> <li>{{ Cssxref("padding-bottom") }}</li> <li>{{ Cssxref("padding-left") }}</li> <li>{{ Cssxref("padding-right") }}</li> <li>{{ Cssxref("padding-top") }}</li> </ul> </li> <li>{{ Cssxref("page-break-after") }}</li> <li>{{ Cssxref("page-break-before") }}</li> <li>{{ Cssxref("page-break-inside") }}</li> <li>{{ Cssxref("pointer-events") }}</li> <li>{{ Cssxref("position") }}</li>
</ul>
<h3>Q</h3>
<ul> <li>{{ Cssxref("quotes") }}</li>
</ul><h3>R</h3>
<ul> <li>{{ Cssxref("resize") }}</li> <li>{{ Cssxref("right") }}</li>
</ul>
<h3>T</h3>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Cssxref("table-layout") }}</li> <li>{{ Cssxref("text-align") }}</li> <li>{{ Cssxref("text-decoration") }}</li> <li>{{ Cssxref("text-indent") }}</li> <li>{{ Cssxref("text-overflow") }}</li> <li>{{ Cssxref("text-rendering") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("text-shadow") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("text-transform") }}</li> <li>{{ Cssxref("top") }}</li> <li>{{ Cssxref("transform") }}</li> <li>{{ Cssxref("transform-origin") }}</li> <li>{{ Cssxref("transition") }}</li> <li>{{ Cssxref("transition-delay") }}</li> <li>{{ Cssxref("transition-duration") }}</li> <li>{{ Cssxref("transition-property") }}</li> <li>{{ Cssxref("transition-timing-function") }}</li>
</ul><h3>U</h3>
<ul> <li>{{ Cssxref("unicode-bidi") }}</li>
</ul>
<h3>V</h3>
<ul> <li>{{ Cssxref("vertical-align") }}</li> <li>{{ Cssxref("visibility") }}</li>
</ul>
<h3>W</h3>
<ul> <li>{{ Cssxref("white-space") }}</li> <li>{{ Cssxref("widows") }}</li> <li>{{ Cssxref("width") }}</li> <li>{{ Cssxref("word-spacing") }}</li> <li>{{ Cssxref("word-wrap") }}</li>
</ul>
<h3>Z</h3>
<ul> <li>{{ Cssxref("z-index") }}</li>
</ul>
<h2>Values and types</h2>
<ul style="-moz-column-width:14em; -webkit-columns:14em"> <li>{{ Xref_cssangle() }}</li> <li>{{ Cssxref("auto") }}</li> <li>{{ Xref_csscolorvalue() }}</li> <li>{{ Xref_csscounter() }}</li> <li>{{ Xref_cssfrequency() }}</li> <li>{{ xref_cssidentifier() }}</li> <li>{{ Cssxref("inherit") }}</li> <li>{{ Cssxref("initial") }}</li> <li>{{ Xref_cssinteger() }}</li> <li>{{ Xref_csslength() }}</li> <li>{{ Cssxref("none") }}</li> <li>{{ Cssxref("normal") }}</li> <li>{{ Xref_cssnumber() }}</li> <li>{{ Xref_csspercentage() }}</li> <li>{{ Xref_cssresolution() }}</li> <li>{{ xref_cssratio() }}</li> <li>{{ Xref_cssshape() }}</li> <li>{{ Xref_cssstring() }}</li> <li>{{ Xref_csstime() }}</li> <li>{{ Xref_csstimingfunction() }}</li> <li>{{ Xref_cssuri() }}</li>
</ul><h2>Selectors</h2>
<h3>Basic Selectors</h3>
<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"> <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>
<h3>Combinators</h3>
<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>
<h3><a class="internal" href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">Pseudo-elements</a></h3>
<ul> <li>{{ Cssxref(":after", ":after | ::after") }}</li> <li>{{ Cssxref(":before", ":before | ::before") }}</li> <li>{{ Cssxref("::first-letter", ":first-letter | ::first-letter") }}</li> <li>{{ Cssxref("::first-line", ":first-line | ::first-line") }}</li> <li>{{ Cssxref("::selection") }}</li> <li>{{ cssxref("::-moz-progress-bar") }}</li>
</ul>
<h3><a class="internal" href="/en/CSS/Pseudo-classes" title="en/CSS/Pseudo-classes">Pseudo-classes</a></h3>
<ul> <li>Link and user action pseudo-classes <ul> <li>{{ Cssxref(":link") }}</li> <li>{{ Cssxref(":visited") }}</li> <li>{{ Cssxref(":active") }}</li> <li>{{ Cssxref(":hover") }}</li> <li>{{ Cssxref(":focus") }}</li> </ul> </li> <li>Language pseudo-class  {{ Cssxref(":lang") }}</li> <li>Negation pseudo-class  {{ Cssxref(":not") }}</li> <li>Page pseudo-classes <ul> <li>{{ Cssxref(":first") }}</li> <li>{{ Cssxref(":left") }}</li> <li>{{ Cssxref(":right") }}</li> </ul> </li> <li>Tree-structural pseudo-classes <ul> <li>{{ Cssxref(":root") }}</li> <li>{{ Cssxref(":nth-child") }}</li> <li>{{ Cssxref(":nth-last-child") }}</li> <li>{{ Cssxref(":nth-of-type") }}</li> <li>{{ Cssxref(":nth-last-of-type") }}</li> <li>{{ Cssxref(":first-child") }}</li> <li>{{ Cssxref(":last-child") }}<span class="comment">** {{ cssxref|:first-node }} ** {{ cssxref|:last-node }}</span></li> <li>{{ Cssxref(":only-child") }}</li> <li>{{ Cssxref(":first-of-type") }}</li> <li>{{ Cssxref(":last-of-type") }}</li> <li>{{ Cssxref(":only-of-type") }}</li> <li>{{ Cssxref(":empty") }}</li> </ul> </li> <li>{{ Cssxref(":target") }} pseudo-class</li> <li>UI States pseudo-classes <ul> <li>{{ Cssxref(":checked") }}</li> <li>{{ Cssxref(":enabled") }}</li> <li>{{ Cssxref(":default") }}</li> <li>{{ Cssxref(":disabled") }}</li> <li>{{ Cssxref(":indeterminate") }}</li> <li>{{ cssxref(":invalid") }}</li> <li>{{ cssxref(":optional") }}</li> <li>{{ cssxref(":required") }}</li> <li>{{ cssxref(":valid") }}</li> </ul> </li>
</ul><h2><code>@</code>-rules</h2>
<ul> <li>{{ Cssxref("@charset") }}</li> <li>{{ Cssxref("@font-face") }}</li> <li>{{ Cssxref("@import") }}</li> <li>{{ cssxref("@keyframes") }}</li> <li>{{ Cssxref("@media") }}</li> <li>{{ Cssxref("@namespace") }} (<a class="external" href="http://www.w3.org/TR/css3-namespace/">w3c</a>)</li> <li>{{ Cssxref("@page") }}</li>
</ul>
<h2>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/Using_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>Concepts</h2>
<ul> <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/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}</p>
Revert to this revision