Summary
The fallback
descriptor can be used to specify a counter style to fall back to if the current counter style cannot create a marker representation for a particular counter value. If the specified fallback style is also unable to construct a representation, then its fallback style will be used. If a valid fallback style is not specified, it defaults to decimal
. A few scenarios where fallback style will be used are:
- When the
range
descriptor is specified for a counter style, the fallback style will be used to represent values that fall outside the range.
- When the
fixed
system
is used and there are not enough symbols to cover all the list items, the fallback style will be used for the rest of the list items.
Syntax
/* Keyword values */
fallback: lower-alpha;
fallback: custom-gangnam-style;
<counter-style-name>where
<counter-style-name> = <custom-ident>
Example
HTML Content
<ul class="list">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
CSS Content
@counter-style fallback-example {
system: fixed; symbols: "\24B6" "\24B7" "\24B8";
fallback: upper-alpha;
}
.list {
list-style: fallback-example;
}
Result
Specifications
Browser compatibility
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
Basic support |
No support |
33 (33) |
No support |
No support |
No support |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
Basic support |
No support |
33 (33) |
No support |
No support |
No support |
See also
Document Tags and Contributors