CSS правило @charset

Определение и применение

CSS правило @charset задает кодировку символов, которая будет использоваться в таблице стилей. Правило должно быть указано самым первым элементом (запрещается использование любых символов до этого правила). Если указано несколько правил, которые определяют кодировку, то браузером будет использовано только первое.

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
@charset	Да	Да	Да	Да	Да	Да

CSS синтаксис

@charset "кодировка"; /* допускаются только двойные кавычки, перед правилом и кодировкой должен быть только один пробел */

Значения правила

Версия CSS

Пример использования

Рассмотрим пример в котором мы задаем кодировку символов UTF-8, которая будет использоваться в таблице стилей. Обращаю Ваше внимание, что перед правилом не должно быть даже комментария:

@charset "UTF-8"; /* задает кодировку символов UTF-8, которая будет использоваться в таблице стилей */
/* стили */
селектор {
свойство: значение;	
}
...

В следующем примере мы устанавливаем кодировку символов iso-8859-15, которая будет использоваться в таблице стилей:

@charset "iso-8859-15"; /* задает кодировку символов iso-8859-15, которая будет использоваться в таблице стилей */
/* стили */
селектор {
свойство: значение;	
}
...