-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
75 lines (51 loc) · 1.47 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
---
title: suffix
slug: Web/CSS/@counter-style/suffix
---
{{CSSRef}}
Le descripteur **`suffix`**, utilisé avec la règle @ {{cssxref("@counter-style")}}, afin de définir un symbole qui pourra être utilisé comme suffixe pour la représentation du marqueur. Le symbole en question pourra être une chaîne de caractères, une image ou un identifiant CSS. La valeur par défaut de ce descripteur sera `"\2E\20"` (un point « . » suivi par un espace).
## Syntaxe
```css
/* Une valeur de type <symbol> */
suffix: "";
suffix: ") ";
```
### Valeur
- `<symbol>`
- : Un symbole qui sera ajouté comme suffixe à la représentation du marqueur. Cette valeur peut être une valeur de type {{cssxref("<string>")}}, {{cssxref("<image>")}} ou {{cssxref("<custom-ident>")}}.
## Définition formelle
{{CSSInfo}}
## Syntaxe formelle
{{CSSSyntax}}
## Exemples
### CSS
```css
@counter-style options {
system: fixed;
symbols: A B C D;
suffix: ") ";
}
.exemple {
list-style: options;
}
```
### HTML
```html
<ul class="exemple">
<li>Un</li>
<li>Deux</li>
<li>Trois</li>
<li>Autre</li>
</ul>
```
### Résultat
{{EmbedLiveSample('Exemples')}}
## Spécifications
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Voir aussi
- {{cssxref("list-style")}},
- {{cssxref("list-style-image")}},
- {{cssxref("list-style-position")}},
- {{cssxref("symbols", "symbols()")}}, la notation fonctionnelle utilisée pour créer des styles de compteur anonymes.