From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/symbols()/index.md | 95 ++++++++++++++++--------------------- 1 file changed, 41 insertions(+), 54 deletions(-) (limited to 'files/fr/web/css/symbols()') diff --git a/files/fr/web/css/symbols()/index.md b/files/fr/web/css/symbols()/index.md index 8e0395bae9..7cf6303e0a 100644 --- a/files/fr/web/css/symbols()/index.md +++ b/files/fr/web/css/symbols()/index.md @@ -7,68 +7,55 @@ tags: - Reference translation_of: Web/CSS/symbols() --- -
{{CSSRef}}
+{{CSSRef}} -

La fonction symbols() permet de définir des styles pour les compteurs en ligne, directement comme valeur de la propriété CSS. À la différence des styles définis avec {{cssxref("@counter-style")}}, ces styles sont anonymes. La fonction symbols() ne possède pas toute la flexibilité offerte par la règle @ {{cssxref("@counter-style")}} mais peut s'avérer utile dans des cas où le style nécessaire n'est utilisé qu'une seule fois et où il n'est pas nécessaire d'utiliser toutes les options fournies par {{cssxref("@counter-style")}}.

+La fonction **`symbols()`** permet de définir des styles pour les compteurs en ligne, directement comme valeur de la propriété CSS. À la différence des styles définis avec {{cssxref("@counter-style")}}, ces styles sont anonymes. La fonction `symbols()` ne possède pas toute la flexibilité offerte par la règle @ {{cssxref("@counter-style")}} mais peut s'avérer utile dans des cas où le style nécessaire n'est utilisé qu'une seule fois et où il n'est pas nécessaire d'utiliser toutes les options fournies par {{cssxref("@counter-style")}}. -

Syntaxe

+## Syntaxe -
symbols() = symbols( <symbols-type>? [ <string> | <image> ]+ );
+ symbols() = symbols( ? [ | ]+ ); -

<symbols-type> est l'un des mots-clés suivants :

+`` est l'un des mots-clés suivants : -
    -
  • cyclic : le système utilisera les différentes valeurs les unes à la suite des autres, de façon cyclique.
    • -
  • numeric : le système interprètera les valeurs fournies comme une suite numérique composant un système de numération.
    • -
  • alphabetic : le système interprètera les valeurs fournies comme les chiffres d'un système de numération alphabétique (par exemple : A, B, C, AA, AB, AC, etc.) sans zéro.
    • -
  • symbolic : le système parcourt les différentes valeurs fournies et en affiche une de plus à chaque cycle.
    • -
  • fixed : le système affiche chaque symbole une fois puis poursuit avec les chiffres arabes.
    • -
+- `cyclic` : le système utilisera les différentes valeurs les unes à la suite des autres, de façon cyclique. +- `numeric` : le système interprètera les valeurs fournies comme une suite numérique composant un système de numération. +- `alphabetic` : le système interprètera les valeurs fournies comme les chiffres d'un système de numération alphabétique (par exemple : A, B, C, AA, AB, AC, etc.) sans zéro. +- `symbolic` : le système parcourt les différentes valeurs fournies et en affiche une de plus à chaque cycle. +- `fixed` : le système affiche chaque symbole une fois puis poursuit avec les chiffres arabes. -

Exemples

+## Exemples -

HTML

+### HTML -
<ol>
-  <li>Un</li>
-  <li>Deux</li>
-  <li>Trois</li>
-  <li>Quatre</li>
-  <li>Cinq</li>
-</ol>
+```html +
    +
  1. Un
    2. +
  2. Deux
    3. +
  3. Trois
    4. +
  4. Quatre
    5. +
  5. Cinq
    6. +
+``` -

CSS

+### CSS -
ol {
+```css
+ol {
   list-style: symbols(alphabetic "*" "\2020" "\2021");
-}
- -

Résultat

- -

{{EmbedLiveSample("Exemples","100%","100%")}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaires
{{SpecName('CSS3 Counter Styles', '#symbols-function', 'symbols()')}}{{Spec2('CSS3 Counter Styles')}}Définition initiale.
- -

Voir aussi

- -
    -
  • {{cssxref("@counter-style")}}
    • -
  • {{cssxref("list-style-type")}} et la propriété raccourcie correspondante : {{cssxref("list-style")}}.
    • -
+} +``` + +### Résultat + +{{EmbedLiveSample("Exemples","100%","100%")}} + +## Spécifications + +| Spécification | Statut | Commentaires | +| -------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- | +| {{SpecName('CSS3 Counter Styles', '#symbols-function', 'symbols()')}} | {{Spec2('CSS3 Counter Styles')}} | Définition initiale. | + +## Voir aussi + +- {{cssxref("@counter-style")}} +- {{cssxref("list-style-type")}} et la propriété raccourcie correspondante : {{cssxref("list-style")}}. -- cgit v1.2.3-54-g00ecf