CSS fallback Property

❮ Previous Reference Next ❯

Example

@counter-style fallback-example {
  system: fixed;
  symbols: "\24B6""\24B7""\24B8";
  fallback: upper-alpha;
}

.list {
  list-style: fallback-example;
}
Try this code ❯

Meaning:

The fallback CSS property is 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.

Default value:decimal
Inherited:No
Animatable:No
Version:CSS3
JavaScript syntax:
object.style.fallback="disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|upper-greek|lower-alpha|lower-latin|upper-alpha|upper-latin|armenian|georgian|none|initial|inherit|revert|revert-layer|unset";


Standard Syntax

fallback: disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|upper-greek|lower-alpha|lower-latin|upper-alpha|upper-latin|armenian|georgian|none|initial|inherit|revert|revert-layer|unset;


Browser Support



Status





Property Values

The following table describes the values of this property:

Value Description
disc Defines that fallback list in disc type.
circle Defines that fallback list in circle type.
square Defines that fallback list in square type.
decimal Defines that fallback list in decimal type.
decimal-leading-zero Defines that fallback list in decimal leading zero type.
lower-roman Defines that fallback list in lower roman type.
upper-roman Defines that fallback list in upper roman type.
lower-greek Defines that fallback list in lower greek type.
upper-greek Defines that fallback list in upper greek type.
lower-latin Defines that fallback list in lower latin type.
upper-latin Defines that fallback list in upper latin type.
lower-alpha Defines that fallback list in upper alphabetical type.
upper-alpha Defines that fallback list in upper alphabetical type.
armenian Defines that fallback list in armenia type.
georgian Defines that fallback list in georgian type.
none Defines that fallback list in none type.
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element animation-delay property.
revert Reverts the cascaded value of the property from its current value to the value the property
revert-layer Rollback styles to the ones specified in previous cascade layers.
unset Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.


Default CSS Property Values

selectors {
  fallback: decimal;
}
❮ Previous Reference Next ❯