-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
82 lines (57 loc) · 1.75 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
76
77
78
79
80
81
82
---
title: quotes
slug: Web/CSS/quotes
---
{{CSSRef}}
La propriété **`quotes`** indique la façon dont les marques de citation sont affichées.
{{EmbedInteractiveExample("pages/css/quotes.html")}}Syntaxe
```css
/* Valeur avec un mot-clé */
quotes: none;
/* Chaînes de caractères */
/* Type <string> */
quotes: "«" "»"; /* On utilise les guillemets français
pour ouvrir et fermer une citation */
quotes: "«" "»" "‹" "›"; /* On définit deux niveaux de citation */
/* Valeurs globales */
quotes: inherit;
quotes: initial;
quotes: unset;
```
### Valeurs
- `none`
- : Les valeurs `open-quote` et `close-quote` de la propriété {{cssxref("content")}} n'entraînent aucune marque de citation.
- `[<string> <string>]+`
- : Une ou plusieurs paires de {{cssxref("<string>")}} pour les valeurs `open-quote` et `close-quote`. La première paire représente les symboles utilisés pour les citations de plus haut niveau, la deuxième indique comment délimiter une citation dans une citation, la troisième paire permet d'ajouter un niveau d'imbrication supplémentaire et ainsi de suite.
## Définition formelle
{{CSSInfo}}
## Syntaxe formelle
{{CSSSyntax}}
## Exemples
### HTML
```html
<p>
<q
>Bientôt le Lapin aperçut Alice qui furetait ; il lui cria d’un ton
d’impatience :
<q
>Eh bien ! Marianne, que faites-vous ici ? Courez vite à la maison me
chercher une paire de gants et un éventail ! Allons, dépêchons-nous.
</q>
</q>
</p>
```
### CSS
```css
q {
quotes: "«" "»" '"' '"';
}
```
### Résultat
{{EmbedLiveSample("Exemples","100%","100%")}}
## Spécifications
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Voir aussi
- {{cssxref("content")}}