Перейти к содержимому

Свойство CSS @charset

Правило @charset указывает кодировку символов, используемую в таблице стилей. Оно предназначено исключительно для внешних таблиц стилей. В HTML-документах кодировку символов следует определять с помощью тега <meta charset>. Если присутствует несколько правил @charset, распознаётся только первое. Правило игнорируется, если оно размещено внутри блока <style> или атрибута style.

Синтаксис

Синтаксис правила CSS @charset

css
@charset "charset";

Пример использования @charset в коде:

Как использовать правило CSS @charset?

css
@charset "iso-8859-15";       /* Set the encoding of the style sheet to iso-8859-15 */

В следующем примере кода показаны правильные и неправильные способы использования правила @charset:

Правильное и неправильное использование правила CSS @charset

css
@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 */

Значения

Правило @charset принимает только строковое значение, указывающее кодировку символов (например, "UTF-8", "iso-8859-1"). Оно не поддерживает ключевые слова initial или inherit, поскольку является правилом at-rule, а не свойством CSS.

Практика

What is the primary role of charset in CSS?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.