diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/fr/web/css/string | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/fr/web/css/string')
-rw-r--r-- | files/fr/web/css/string/index.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/files/fr/web/css/string/index.html b/files/fr/web/css/string/index.html new file mode 100644 index 0000000000..a3c01544ab --- /dev/null +++ b/files/fr/web/css/string/index.html @@ -0,0 +1,85 @@ +--- +title: <string> +slug: Web/CSS/string +tags: + - CSS + - Reference + - Type +translation_of: Web/CSS/string +--- +<div>{{CSSRef}}</div> + +<p>Le type de donnée CSS <strong><code><string></code></strong> représente une chaîne de caractères. En CSS, les chaînes de caractères sont présentes dans de nombreuses propriétés comme {{cssxref("content")}}, {{cssxref("font-family")}} et {{cssxref("quotes")}}.</p> + +<h2 id="Syntaxe">Syntaxe</h2> + +<p>Une chaîne de caractères CSS est formée d'un ou plusieurs caractères <a href="https://fr.wikipedia.org/wiki/Unicode">Unicode</a> délimités par des quotes (<code>'</code>) ou des doubles quotes (<code>"</code>). Une chaîne délimitée par des doubles quotes ne peut pas contenir de double quotes à moins qu'elles soient échappées à l'aide d'une barre oblique inversée (<code>\</code>). Le même principe s'applique aux chaînes délimitées par des quotes simples, qui ne peuvent contenir de quotes simples sans qu'elles soient échappés à l'aide d'une barre oblique inversée (<code>\</code>).</p> + +<p>Le caractère barre oblique inversée doit être échappé afin de faire partie d'une chaîne de caractère.</p> + +<p>Les nouvelles lignes ne sont pas acceptées, sauf si elles sont échappées à l'aide d'un caractère de saut de ligne tel que <code>\A</code> ou <code>\00000a</code>. Toutefois, des chaînes de caractères peuvent s'étendre sur plusieurs lignes. Dans ce cas, il est possible de couper la chaîne en plusieurs lignes en utilisant une barre oblique inversée (<code>\</code>) comme dernier caractère de chaque ligne.</p> + +<p>Les caractères peuvent être décrits en utilisant leur <a href="https://fr.wikipedia.org/wiki/Unicode#Partitionnement">point de code Unicode</a> hexadécimal, qui doit alors être échappé à l'aide du caractère <code>\</code>. <code>\27</code> représente par exemple le guillemet droit simple (<code>'</code>) et <code>\A9</code> le symbole du <em>copyright</em> ©.</p> + +<div class="note"> +<p><strong>Note :</strong> Les <a href="/fr/docs/Glossaire/Entity">entités</a> telles que <code>&nbsp;</code> ou <code>&#8212;</code> ne peuvent pas être utilisées pour les chaînes de caractères CSS.</p> +</div> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: css">"Chaîne avec des guillemets doubles" +"Chaîne avec plusieurs \" guillemets doubles" +'Chaîne avec des guillemets simples' +'Chaîne avec plusieurs \' guillemets simples' + +"Chaîne avec une \Anouvelle ligne" + +"Une grande chaîne \ +de caractères" +"Une grande chaîne de caractères" +</pre> + +<div class="note"><strong>Note</strong> : on peut également échapper des doubles quotes avec <code>\22</code> et les simples quotes avec <code>\27</code>.</div> + +<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 Values', '#strings', '')}}</td> + <td>{{Spec2('CSS3 Values')}}</td> + <td>Aucune modification significative depuis CSS Level 2 (Revision 1)</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1', 'syndata.html#strings', '')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Définition explicite. Les valeurs Unicode échappées sur 6 chiffres sont autorisées.</td> + </tr> + <tr> + <td>{{SpecName('CSS1', '', '')}}</td> + <td>{{Spec2('CSS1')}}</td> + <td>Définition implicite. Les valeurs Unicode échappées sur 4 chiffres sont autorisées.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + +<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> + +<p>{{Compat("css.types.string")}}</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<ul> + <li><a href="/fr/docs/Web/CSS/Valeurs_et_unités_CSS">Valeurs et unités en CSS</a></li> + <li><a href="/fr/docs/Apprendre/CSS/Introduction_à_CSS/Values_and_units">Tutoriel - Introduction aux valeurs et unités CSS</a></li> + <li><a href="/fr/docs/Web/CSS/Types_CSS">Types de donnée en CSS</a></li> +</ul> |