Правило @charset
Описание
Команда @charset применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национального алфавита.
Для внешней таблицы стилей браузер последовательно просматривает следующие пункты для определения кодировки таблицы стилей:
- кодировка, которую отдает сервер; - правило @charset;
- атрибут charset элемента link (данный атрибут устарел, не используйте его).
Приведённый список имеет чётко выраженную иерархию — чем выше находится пункт, тем выше его приоритет. Если ни один из пунктов не найден, будет установлена кодировка UTF-8.
Синтаксис
@charset 'кодировка';
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
@charset 'UTF-8';
p.new:after {
content: 'Новье!';
}
</style>
<p class='new'></p>
</body>
</html>
Читайте также
Универсальный селектор
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, за...
Свойство text-emphasis-style
Устанавливает вид маркеров над каждым символом текста. Такие маркеры обычно используются в азиатс...
Свойство border-image
Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством b...
Свойство border-left
Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.<br>Значения...
Селекторы атрибутов со значениями через пробел
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы зада...