title: What is the difference between alphabetic and numeric types in the CSS symbols() function?
body: <p>Can you explain me please, What is the difference between of that two types in css symbols() function? When I try separately each of them, I has'nt seen any difference, only one - numbering start from 0 and first symbol doesn't show first in the list.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    margin: 70px 70px;
  }
  
  ol {
    list-style: symbols(numeric "○" "●" "□")
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;ol&gt;
      &lt;li&gt;item&lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
      &lt;li&gt;item &lt;/li&gt;
    &lt;/ol&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>