{"json_modified": "2016-03-28T08:42:29.483371", "uuid": "8a84bff9-312c-473a-8bbe-c6a136799bcc", "title": "symbols()", "url": "/en-US/docs/Web/CSS/symbols", "tags": ["CSS", "Reference", "CSS Counter Styles", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "cd358317-d432-4e07-be2d-4c3305fd8359", "title": "symbols()", "url": "/fr/docs/Web/CSS/symbols", "tags": ["CSS", "Fonction", "R\u00e9f\u00e9rence"], "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>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-01-23T07:19:12", "review_tags": []}], "modified": "2015-01-17T06:58:15", "label": "symbols()", "localization_tags": [], "locale": "en-US", "id": 134145, "last_edit": "2015-01-17T06:57:56", "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>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Example", "title": "Example"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/symbols", "review_tags": []}