At-rules

At-rules (@-правила) это CSS выражения, которые показывают CSS как себя вести. Они начинаются со знака '@' (U+0040 КОММЕРЧЕСКОЕ AT), сопровождается идентификатором, и включает в себя всё до следующей точки с запятой, ';' (U+003B ТОЧКА С ЗАПЯТОЙ), или до следующего CSS блока, в зависимости от того, что наступит раньше.

/* Общая структура */
@идентификатор (ПРАВИЛО);

/* Пример: говорит браузеру использовать UTF-8 кодировку символов */
@charset "utf-8";

Существует несколько @-правил, обозначаемые идентификаторами, каждое из которых имеет свой синтаксис:

• @charset — Определяет кодировку символов, используемый таблицей стилей.

• @import — Сообщает движку CSS включить внешнюю таблицу стилей.

• @namespace — Сообщает механизму CSS, что все его содержимое должно рассматриваться с приставкой пространства имён XML.

• Вложенные @-правила — Подмножество вложенных операторов, которые могут использоваться как оператор таблицы стилей, а также внутри правил условной группы.

  • @media — Условное групповое правило, которое будет применять его содержимое, если устройство соответствует критериям условия, определённого с помощью медиавыражения.
  • @supports — Условное групповое правило, которое будет применять его содержимое, если браузер соответствует критериям данного условия.
  • @document Экспериментальная возможность — Условное групповое правило, которое будет применять его содержимое, если документ, в котором применяется таблица стилей, соответствует критериям данного условия.
  • @page — Описывает аспект изменений макета, который будет применён при печати документа.
  • @font-face — Описывает аспект внешнего шрифта для загрузки.
  • @keyframes — Описывает аспект промежуточных шагов в последовательности анимации CSS.
  • @counter-style — Определяет конкретные counter-styles, которые не являются частью предопределённого набора стилей.
  • @font-feature-values (плюс @swash, @ornaments, @annotation, @stylistic, @styleset и @character-variant) — Определите общие имена в font-option-alternates для функции, которая по-разному активируется в OpenType (at the Candidate Recommendation stage, but only implemented in Gecko as of writing)