Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

@charset

Правило CSS @charset используется для явной установки кодировки подключаемого CSS-файла. В большинстве случаев браузер сам может определить кодировку, поэтому указывать @charset имеет смысл, если в стилях используются какие-то символы отличные от обычной латиницы, например в CSS-комментариях.

При определении кодировки внешней таблицы стилей браузеры используют следующий приоритет (от высшего к низшему):

  1. Данные по кодировке получаемые по серверному протоколу.
  2. Кодировка указанная в правиле @charset.
  3. Кодировка используемая в атрибуте charset тега <LINK> (если есть).
  4. Кодировка HTML-страницы установленная в метатеге Content-Type (<META>).
  5. Если определить не получилось, то используется кодировка UTF-8.

Во избежание каких-либо проблем с определением кодировки, рекомендую вам писать комментарии в CSS-файлах только латинскими буквами, а не использовать @charset.

Тип правила

Назначение: at-правила.

Применяется: только во внешних таблицах стилей и только в единственном числе в самом начале CSS-файла.

Значения

Значением @charset является указание кодировки взятой в обязательные кавычки, которая пишется сразу после объявления самого правила, например "Windows-1251" или "utf-8".

Синтаксис

@charset "кодировка";

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

@charset "utf-8";

h1 {
 color:#FF3300;
}

h2 {
 color:#FF6600;
}

Результат примера

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:НетДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и вышеДо 4.04.0 и выше
Поддержка:ДаДаДаДаНетДа
CSS по алфавиту
CSS по назначению