:-moz-list-number

  • Revision slug: Web/CSS/:-moz-list-number
  • Revision title: :-moz-list-number
  • Revision id: 468703
  • Created:
  • Creator: velvel53
  • Is current revision? Yes
  • Comment

Revision Content

{{ CSSMozExtensionRef() }}

{{ non-standard_header() }}

Summary

The ::-moz-list-number pseudo-class lets you customize the appearance of numbers on list items ({{ HTMLElement("li") }}) occurring in ordered lists ({{ HTMLElement("ol") }}).

Syntax

li::-moz-list-number { style properties }

Examples

  <style type="text/css">
    li::-moz-list-number {
      font-style: italic;
      font-weight: bold;
    }
  </style>

  <ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
  </ol>

Gives the following result:

moz-list-number.png
{{ CSSLiveSample("moz-list-number.html") }}

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<p>{{ non-standard_header() }}</p>
<h3 id="Summary" name="Summary">Summary</h3>
<p>The <code>::-moz-list-number</code> pseudo-class lets you customize the appearance of numbers on list items ({{ HTMLElement("li") }}) occurring in ordered lists ({{ HTMLElement("ol") }}).</p>
<h3 id="Syntax" name="Syntax">Syntax</h3>
<pre class="eval">
li::-moz-list-number { <em>style properties</em> }
</pre>
<h3 id="Examples" name="Examples">Examples</h3>
<pre class="brush: html">
  &lt;style type="text/css"&gt;
    li::-moz-list-number {
      font-style: italic;
      font-weight: bold;
    }
  &lt;/style&gt;

  &lt;ol&gt;
    &lt;li&gt;First item&lt;/li&gt;
    &lt;li&gt;Second item&lt;/li&gt;
    &lt;li&gt;Third item&lt;/li&gt;
  &lt;/ol&gt;
</pre>
<p>Gives the following result:</p>
<p><img alt="moz-list-number.png" class="internal default" src="/@api/deki/files/4668/=moz-list-number.png" /><br />
  {{ CSSLiveSample("moz-list-number.html") }}</p>
Revert to this revision