Propiedad @charset de CSS
Una regla @charset especifica la codificación de caracteres utilizada en una hoja de estilos. Está estrictamente destinada a hojas de estilos externas. En documentos HTML, la codificación de caracteres debe definirse mediante la etiqueta <meta charset> en su lugar. Si hay varias reglas @charset, solo se reconoce la primera. La regla se ignora si se coloca dentro de un bloque <style> o un atributo style.
Sintaxis
Sintaxis de la regla CSS @charset
@charset "charset";Aquí puede ver cómo se puede usar @charset en un código:
¿Cómo usar la regla CSS @charset?
@charset "iso-8859-15"; /* Set the encoding of the style sheet to iso-8859-15 */El siguiente fragmento de código muestra tanto la forma correcta como la incorrecta de usar la regla @charset:
Cómo usar la regla CSS @charset de forma correcta e incorrecta
@charset "UTF-8"; /* Valid: Set the encoding to Unicode UTF-8 */
@charset 'iso-8859-15'; /* Valid: Single quotes are allowed */
@charset "UTF-8"; /* Valid: Extra whitespace is ignored */
@charset "UTF-8"; /* Invalid: There is a space before the at-rule */
@charset UTF-8; /* Invalid: Missing quotes around the value */Valores
La regla @charset solo acepta un valor de cadena que especifica la codificación de caracteres (por ejemplo, "UTF-8", "iso-8859-1"). No admite las palabras clave initial o inherit, ya que es una regla at-rule en lugar de una propiedad CSS.
Práctica
¿Cuál es el rol principal de charset en CSS?