CSS приклад: @charset

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

Опис

Команда @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.

Часті запитання

  • Q: @charset в CSS: що це таке і як його використовувати?

    A: Вказує кодування символів для CSS файлу і повинен бути першим правилом у CSS файлі. Наприклад, @charset 'UTF-8';

  • Q: Як використовувати @charset в CSS для вказання кодування?

    A: Просто додайте @charset 'UTF-8'; на початок CSS файлу.

  • Q: Де треба розміщувати @charset в CSS файлі?

    A: Він повинен бути розміщений на початку CSS файлу перед будь-яким іншим правилом.

  • Q: Чи обов'язково вказувати @charset в CSS файлі?

    A: Ні, в більшості випадків браузери автоматично визначають кодування тексту. Але рекомендується вказувати @charset для уникнення проблем.

  • Q: Як вибрати правильне кодування для @charset в CSS?

    A: Зазвичай, рекомендується використовувати 'UTF-8', як це є стандартом для веб-розробки.