@charset

  • Raccourci de la révision : CSS/@charset
  • Titre de la révision : @charset
  • ID de la révision : 333977
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

@charset permet à l'utilisateur de définir l'encodage des caractères utilisés dans la feuille de style. On ne peut l'utilisé que dans les feuilles de style externe.

Syntaxe

@charset "charset"

Exemple

@charset "UTF-8"

Dans cet exemple, l'encodage de la feuille de style est défini en UTF-8.

Notes

  • La règle @charset est utilisée quand les caractères dans les noms de police ou de valeurs pour la propriété content ne sont pas reconnus.
  • Le codage de caractères doit être dans le registre IANA. Si plusieurs noms sont donnés pour un encodage, il faut utiliser celui avec la mention "preferred".
  • La règle doit être placée en haut de la feuille de style pour agir correctement.

Spécifications

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
2.0 1.5 (1.8) 8.0 9.0 4.0
Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
2.1 1.0 (1.8) 8 10.0 4

 

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>@charset permet à l'utilisateur de définir l'encodage des caractères utilisés dans la feuille de style. On ne peut l'utilisé <strong>que</strong> dans les feuilles de style externe.</p>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="eval">
@charset "charset"
</pre>
<h2 id="Exemple">Exemple</h2>
<pre>
@charset "UTF-8"
</pre>
<p>Dans cet exemple, l'encodage de la feuille de style est défini en UTF-8.</p>
<h2 id="Notes">Notes</h2>
<ul>
  <li>La règle <code>@charset</code> est utilisée quand les caractères dans les noms de police ou de valeurs pour la propriété <code>content</code> ne sont pas reconnus.</li>
  <li>Le codage de caractères doit être dans le <a class="external" href="http://www.iana.org/assignments/character-sets" title="http://www.iana.org/assignments/character-sets">registre IANA</a>. Si plusieurs noms sont donnés pour un encodage, il faut utiliser celui avec la mention "preferred".</li>
  <li>La règle doit être placée en haut de la feuille de style pour agir correctement.</li>
</ul>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<ul>
  <li><a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#charset" title="http://www.w3.org/TR/CSS21/syndata.html#charset">CSS 2.1</a></li>
</ul>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>2.0</td>
        <td>1.5 (1.8)</td>
        <td>8.0</td>
        <td>9.0</td>
        <td>4.0</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>2.1</td>
        <td>1.0 (1.8)</td>
        <td>8</td>
        <td>10.0</td>
        <td>4</td>
      </tr>
    </tbody>
  </table>
</div>
<p>&nbsp;</p>
Revenir à cette révision