Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Правило @charset

Справочник: 
Правило

Характеристики свойства

В каких браузерах работает?

8.0+ 2.0+ 9.0+ 4.0+ 1.5+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

Эта команда была создана для определения типа кодирования таблиц CSS. Это правило играет важнейшую роль в том случае, когда в документе CSS присутствуют знаки алфавита определенной нации. Существенная разница между контентом, который написан кириллицей (имеется ввиду тип знаков) и латиницей.

Машина в таком случае проводит проверку таблицы стилей по специальному алгоритму, который приведен ниже:

  1. Тип кодировки, отправленной с сервера.
  2. Наличие прописанного оператора @charset.
  3. Затем проводится сканирование тега link на наличие атрибута charset, а также проводится анализ его значения.
  4. Содержимое метатега, в котором указывается кодировка.

Стоит отметить, что номер пункта соответствует приоритету проверки браузером их наличия, то есть это установленный порядок. При отсутствии всех этих показателей браузер определяет кодировку как UTF-8.

Как правильно задавать?

@charset "тип кода";

Какие могут быть значения?

Значений существует огромное множество в зависимости от языка. В условиях рунета достаточно знать, какая кодировка соответствует русскому языку: windows-1251 или utf-8 (только обязательно в кавычках).

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

@charset "windows-1251";/*кодировка для работы с русским*/
 
p.news:after {
 content: " Новости!";
}

Тип CSS свойства: 
Правило