<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://rixx.github.io/baseline-updates/feed/by_tag/counters.xml" rel="self" type="application/atom+xml" /><link href="https://rixx.github.io/baseline-updates/" rel="alternate" type="text/html" /><updated>2026-05-24T01:11:00+00:00</updated><id>https://rixx.github.io/baseline-updates/feed/by_tag/counters.xml</id><title type="html">Baseline Updates</title><subtitle>Updates to the Baseline collection. Including RSS feeds (both for all updates and individual tags).</subtitle><entry><title type="html">New in High Baseline Support: @counter-style</title><link href="https://rixx.github.io/baseline-updates/2026/03/18/counter-style.html" rel="alternate" type="text/html" title="New in High Baseline Support: @counter-style" /><published>2026-03-18T00:00:00+00:00</published><updated>2026-03-18T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2026/03/18/counter-style</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2026/03/18/counter-style.html"><![CDATA[<p><a href="https://caniuse.com/?search=counter-style">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=@counter-style">mdn</a> · <a href="https://drafts.csswg.org/css-counter-styles-3/">spec</a></p>

<p>The <code class="language-plaintext highlighter-rouge">@counter-style</code> CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.additiveSymbols</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.additiveSymbols">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.fallback</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.fallback">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.name</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.name">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.negative</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.negative">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.pad</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.pad">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.prefix</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.prefix">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.range</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.range">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.speakAs</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.speakAs">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.suffix</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.suffix">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.symbols</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.symbols">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.CSSCounterStyleRule.system</code> <a href="https://developer.mozilla.org/en-US/search?q=api.CSSCounterStyleRule.system">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.additive-symbols</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.additive-symbols">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.fallback</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.fallback">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.negative</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.negative">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.pad</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.pad">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.prefix</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.prefix">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.range</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.range">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.suffix</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.suffix">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.system</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.system">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.speak-as</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.speak-as">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.at-rules.counter-style.symbols</code> <a href="https://developer.mozilla.org/en-US/search?q=css.at-rules.counter-style.symbols">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-high" /><category term="counters" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry><entry><title type="html">New in High Baseline Support: Counters (CSS)</title><link href="https://rixx.github.io/baseline-updates/2018/01/29/counters.html" rel="alternate" type="text/html" title="New in High Baseline Support: Counters (CSS)" /><published>2018-01-29T00:00:00+00:00</published><updated>2018-01-29T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2018/01/29/counters</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2018/01/29/counters.html"><![CDATA[<p><a href="https://caniuse.com/?search=counters">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Counters (CSS)">mdn</a> · <a href="https://drafts.csswg.org/css-lists-3/#auto-numbering">spec</a></p>

<p>The <code class="language-plaintext highlighter-rouge">counter-reset</code> and <code class="language-plaintext highlighter-rouge">counter-increment</code> CSS properties and the <code class="language-plaintext highlighter-rouge">counter()</code> and <code class="language-plaintext highlighter-rouge">counters()</code> functions automatically number headings or ordered list items.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">css.types.counter</code> <a href="https://developer.mozilla.org/en-US/search?q=css.types.counter">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.types.counters</code> <a href="https://developer.mozilla.org/en-US/search?q=css.types.counters">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment.none</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment.none">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.none</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.none">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment.list-item</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment.list-item">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.list-item</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.list-item">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.reset_does_not_affect_siblings</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.reset_does_not_affect_siblings">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-high" /><category term="counters" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry><entry><title type="html">New in Low Baseline Support: Counters (CSS)</title><link href="https://rixx.github.io/baseline-updates/2015/07/29/counters.html" rel="alternate" type="text/html" title="New in Low Baseline Support: Counters (CSS)" /><published>2015-07-29T00:00:00+00:00</published><updated>2015-07-29T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2015/07/29/counters</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2015/07/29/counters.html"><![CDATA[<p><a href="https://caniuse.com/?search=counters">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Counters (CSS)">mdn</a> · <a href="https://drafts.csswg.org/css-lists-3/#auto-numbering">spec</a></p>

<p>The <code class="language-plaintext highlighter-rouge">counter-reset</code> and <code class="language-plaintext highlighter-rouge">counter-increment</code> CSS properties and the <code class="language-plaintext highlighter-rouge">counter()</code> and <code class="language-plaintext highlighter-rouge">counters()</code> functions automatically number headings or ordered list items.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">css.types.counter</code> <a href="https://developer.mozilla.org/en-US/search?q=css.types.counter">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.types.counters</code> <a href="https://developer.mozilla.org/en-US/search?q=css.types.counters">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment.none</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment.none">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.none</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.none">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-increment.list-item</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-increment.list-item">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.list-item</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.list-item">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">css.properties.counter-reset.reset_does_not_affect_siblings</code> <a href="https://developer.mozilla.org/en-US/search?q=css.properties.counter-reset.reset_does_not_affect_siblings">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-low" /><category term="counters" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry></feed>