--- title: CSS Lists and Counters slug: Web/CSS/CSS_Lists_and_Counters tags: - CSS - CSS Lists and Counters - CSS Reference - NeedsTranslation - Overview - TopicStub translation_of: Web/CSS/CSS_Lists_and_Counters ---

{{CSSRef}}

CSS Lists and Counters is a module of CSS that defines how lists are layed out, how the list marker can be styled and how authors can create new counters.

Reference

CSS Properties

At-rules

{{cssxref("@counter-style")}}
  • {{cssxref("@counter-style/system","system")}}
  • {{cssxref("@counter-style/additive-symbols", "additive-symbols")}}
  • {{cssxref("@counter-style/negative", "negative")}}
  • {{cssxref("@counter-style/prefix", "prefix")}}
  • {{cssxref("@counter-style/suffix", "suffix")}}
  • {{cssxref("@counter-style/range", "range")}}
  • {{cssxref("@counter-style/pad", "pad")}}
  • {{cssxref("@counter-style/speak-as", "speak-as")}}
  • {{cssxref("@counter-style/fallback", "fallback")}}

Guides

Consistent list indentation
Explains how to reach a consistent indentation between different browsers.
Using CSS counters
Describes how to use counters to be able to use numbering outside of traditionnal list element, or to perform complex counting.

Specifications

Specification Status Comment
{{ SpecName('CSS3 Lists')}} {{ Spec2('CSS3 Lists') }}  
{{ SpecName('CSS2.1', 'generate.html') }} {{ Spec2('CSS2.1') }}  

Compatibilidade com navegadores

{{CompatibilityTable}}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 {{ CompatGeckoDesktop("1") }} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 {{ CompatGeckoMobile("1") }} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}