@charset

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

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

  1. кодировка, которую отдает сервер;
  2. правило @charset;
  3. атрибут charset тега <link>;
  4. кодировка, установленная в документе через метатег (<meta charset="utf-8">).

Приведенный список имеет четко выраженную иерархию — чем выше находится пункт, тем выше его приоритет. Если ни один из пунктов не найден, будет установлена кодировка UTF-8.

Синтаксис

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

Значения

Для русского языка обычно указывается кодировка windows-1251 или utf-8. Значение кодировки обязательно должно быть взято в кавычки.

Пример

CSS2.1IE 9CrOpSaFx

@charset "windows-1251";
body {
 font: 11pt Arial, Helvetica, sans-serif;
 margin: 0;
 color: #000;
}
p.new:after {
 content: " Новье!";
}

Браузеры

В браузере Internet Explorer до версии 7.0 включительно название кодировки допускается писать без кавычек, что противоречит спецификации CSS.

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+8.0+2.0+9.0+4.0+1.5+1.0+1.0+

Краткая информация

Значение по умолчанию UTF-8
Ссылка на спецификацию http://www.w3.org/TR/CSS21/syndata.html#charset

Версии CSS

CSS 1CSS 2CSS 2.1CSS 3