LedescripteurCSSsuffix de la règle@counter-style permet de spécifier le contenu qui sera ajouté à la fin de la représentation du marqueur.

Syntaxe

/* Valeur <symbol>&nbsp;: chaîne de caractères, image ou identifiant */suffix: "";suffix: ") ";suffix: url("bullet.png");

Valeurs

Le descripteursuffix accepte comme valeur un seul<symbol> :

<symbol>

Spécifie un<symbol> qui est ajouté à la fin de la représentation du marqueur. Il peut s'agir d'une<string>, d'une<image> ou d'un<custom-ident>.

Définition formelle

Syntaxe formelle

suffix =
<symbol>

<symbol> =
<string>|
<image>|
<custom-ident>

<image> =
<url>|
<image()>|
<image-set()>|
<cross-fade()>|
<element()>|
<gradient>

<image()> =
image(<image-tags>?[<image-src>? ,<color>?]!)

<image-set()> =
image-set(<image-set-option>#)

<cross-fade()> =
cross-fade(<cf-image>#)

<element()> =
element(<id-selector>)

<image-tags> =
ltr|
rtl

<image-src> =
<url>|
<string>

<image-set-option> =
[<image>|<string>][<resolution>||type(<string>)]?

<cf-image> =
[<image>|<color>]&&
<percentage [0,100]>?

<id-selector> =
<hash-token>

Exemples

Définir un suffixe pour un compteur

HTML

<ul>  <li>Un</li>  <li>Deux</li>  <li>Trois</li>  <li>Aucun des choix ci-dessus</li></ul>

CSS

@counter-style options {  system: fixed;  symbols: A B C D;  suffix: ") ";}.choices {  list-style: options;}

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• Les descripteurs de@counter-style :system,symbols,additive-symbols,negative,prefix,range,pad,speak-as etfallback
• Propriétés de style de liste :list-style,list-style-image,list-style-position
• La fonctionsymbols() pour créer des styles de compteur anonymes.
• Le module destyles de compteur CSS
• Le module delistes et compteurs CSS