{"json_modified": "2016-01-23T07:19:17.470080", "slug": "Web/CSS/symbols", "tags": ["CSS", "Fonction", "R\u00e9f\u00e9rence"], "locale": "fr", "title": "symbols()", "translations": [{"title": "symbols()", "url": "/en-US/docs/Web/CSS/symbols", "tags": ["CSS", "Reference", "CSS Counter Styles", "R\u00e9f\u00e9rence"], "summary": "The <code>symbols()</code> function allows counter styles to be defined inline, directly as the value of the CSS property. Unlike styles defines with <a href=\"/en-US/docs/Web/CSS/@counter-style\" title=\"The @counter-style CSS at-rule defines a specific counter style that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a string representation.\"><code>@counter-style</code></a>, these styles are anonymous. The <code>symbols()</code> function doesn't have all the capabilities and options of the <a href=\"/en-US/docs/Web/CSS/@counter-style\" title=\"The @counter-style CSS at-rule defines a specific counter style that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a string representation.\"><code>@counter-style</code></a> at-rule, but is useful in cases such as when the style is used only once and you don't need all the the options provided by <a href=\"/en-US/docs/Web/CSS/@counter-style\" title=\"The @counter-style CSS at-rule defines a specific counter style that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a string representation.\"><code>@counter-style</code></a>.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-01-17T06:57:56", "review_tags": []}], "modified": "2016-01-23T07:19:17", "label": "symbols()", "localization_tags": [], "url": "/fr/docs/Web/CSS/symbols", "last_edit": "2016-01-23T07:19:12", "summary": "La fonction <strong><code>symbols()</code></strong> permet de d\u00e9finir des styles pour les compteurs en ligne, directement comme valeur de la propri\u00e9t\u00e9 CSS. \u00c0 la diff\u00e9rence des styles d\u00e9finis avec <a href=\"/fr/docs/Web/CSS/@counter-style\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>@counter-style</code></a>, ces styles sont anonymes. La fonction <code>symbols()</code> ne poss\u00e8de pas toute la flexibilit\u00e9 offerte par la r\u00e8gle @ <a href=\"/fr/docs/Web/CSS/@counter-style\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>@counter-style</code></a> mais peut s'av\u00e9rer utile dans des cas o\u00f9 le style n\u00e9cessaire n'est utilis\u00e9 qu'une seule fois et o\u00f9 il n'est pas n\u00e9cessaire d'utiliser toutes les options fournies par <a href=\"/fr/docs/Web/CSS/@counter-style\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>@counter-style</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Exemples", "title": "Exemples"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Specifications", "title": "Sp\u00e9cifications"}, {"id": "Copatibilit\u00e9_des_navigateurs", "title": "Copatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "id": 173235, "review_tags": []}