aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/quotes/index.md
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-09-17 20:59:20 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-12 07:57:33 +0200
commit258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch)
treea8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/quotes/index.md
parent149319bb8c7b1394a443f0877c3460cd362aa815 (diff)
downloadtranslated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz
translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2
translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip
convert content to md
Diffstat (limited to 'files/fr/web/css/quotes/index.md')
-rw-r--r--files/fr/web/css/quotes/index.md116
1 files changed, 49 insertions, 67 deletions
diff --git a/files/fr/web/css/quotes/index.md b/files/fr/web/css/quotes/index.md
index ca406df88d..02fcdbb876 100644
--- a/files/fr/web/css/quotes/index.md
+++ b/files/fr/web/css/quotes/index.md
@@ -8,19 +8,18 @@ tags:
- Web
translation_of: Web/CSS/quotes
---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
-<p>La propriété <strong><code>quotes</code></strong> indique la façon dont les marques de citation sont affichées.</p>
+La propriété **`quotes`** indique la façon dont les marques de citation sont affichées.
-<div>{{EmbedInteractiveExample("pages/css/quotes.html")}}</div
+{{EmbedInteractiveExample("pages/css/quotes.html")}}Syntaxe
-<h2 id="Syntaxe">Syntaxe</h2>
-
-<pre class="brush:css no-line-numbers">/* Valeur avec un mot-clé */
+```css
+/* Valeur avec un mot-clé */
quotes: none;
/* Chaînes de caractères */
-/* Type &lt;string&gt; */
+/* Type <string> */
quotes: "«" "»"; /* On utilise les guillemets français
pour ouvrir et fermer une citation */
quotes: "«" "»" "‹" "›"; /* On définit deux niveaux de citation */
@@ -29,77 +28,60 @@ quotes: "«" "»" "‹" "›"; /* On définit deux niveaux de citation */
quotes: inherit;
quotes: initial;
quotes: unset;
-</pre>
+```
-<h3 id="Valeurs">Valeurs</h3>
+### Valeurs
-<dl>
- <dt><code>none</code></dt>
- <dd>Les valeurs <code>open-quote</code> et <code>close-quote</code> de la propriété {{cssxref("content")}} n'entraînent aucune marque de citation.</dd>
- <dt><code>[&lt;string&gt; &lt;string&gt;]+</code></dt>
- <dd>Une ou plusieurs paires de {{cssxref("&lt;string&gt;")}} pour les valeurs <code>open-quote</code> et <code>close-quote</code>. 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.</dd>
-</dl>
+- `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("&lt;string&gt;")}} 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.
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+### Syntaxe formelle
{{csssyntax}}
-<h2 id="Exemples">Exemples</h2>
+## Exemples
-<h3 id="HTML">HTML</h3>
+### HTML
-<pre class="brush: html">&lt;p&gt;
- &lt;q&gt;Bientôt le Lapin aperçut Alice qui furetait ;
+```html
+<p>
+ <q>Bientôt le Lapin aperçut Alice qui furetait ;
il lui cria d’un ton d’impatience :
- &lt;q&gt;Eh bien ! Marianne, que faites-vous ici ?
+ <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.
- &lt;/q&gt;
- &lt;/q&gt;
-&lt;/p&gt;</pre>
+ </q>
+ </q>
+</p>
+```
-<h3 id="CSS">CSS</h3>
+### CSS
-<pre class="brush: css">q {
+```css
+q {
quotes : "«" "»" '"' '"';
-}</pre>
-
-<h3 id="Résultat">Résultat</h3>
-
-<p>{{EmbedLiveSample("Exemples","100%","100%")}}</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Content", "#quotes", "quotes")}}</td>
- <td>{{Spec2("CSS3 Content")}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'generate.html#quotes', 'quotes')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td>Définition initiale</td>
- </tr>
- </tbody>
-</table>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("css.properties.quotes")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>{{cssxref("content")}}</li>
-</ul>
+}
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemples","100%","100%")}}
+
+## Spécifications
+
+| Spécification | État | Commentaires |
+| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- |
+| {{SpecName("CSS3 Content", "#quotes", "quotes")}} | {{Spec2("CSS3 Content")}} |   |
+| {{SpecName('CSS2.1', 'generate.html#quotes', 'quotes')}} | {{Spec2('CSS2.1')}} | Définition initiale |
+
+{{cssinfo}}
+
+## Compatibilité des navigateurs
+
+{{Compat("css.properties.quotes")}}
+
+## Voir aussi
+
+- {{cssxref("content")}}