Правила-атрибуты

/* General structure */
@identifier (RULE);

/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";

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

@charset

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

@import

Указывает движку CSS на включение внешней таблицы стилей (Каскад и наследование CSS).

@layer

Определяет порядок приоритетов в случае нескольких каскадных слоёв (Каскад и наследование CSS). Также используется как правило-атрибут блока для определения стилей слоя.

@namespace

Определяет пространство имён по умолчанию для таблицы стилей или префикс пространства имён, которому селектор соответствует только в том случае, если совпадают пространство имён и другие компоненты селектора (Пространства имён CSS).

@identifier (RULE) {
}

Правила-атрибуты блоков заканчиваются {}-блоком, содержащим вложенные правила, другие правила-атрибуты или объявления свойств или описателей.

@counter-style

Определяют пользовательские стили счётчиков и расширяют предопределённые стили списков (Стили счётчиков CSS).

@container

Правило условной группы, которое применяет своё содержимое, если контейнер соответствует <container-condition> (Содержательность CSS).

@font-face

Определяет местоположения ресурсов шрифтов, как локальных, так и внешних, вместе со стилевыми характеристиками для использования этих ресурсов с объявленным font-family (Шрифты CSS).

@font-feature-values (плюс @swash, @ornaments, @annotation, @stylistic, @styleset и @character-variant)

Управляет отображением шрифтов по семейству шрифтов, определяя специфические альтернативы шрифтов или пользовательские имена для индексов функций в font-variant-alternates в OpenType (Шрифты CSS).

@keyframes (и псевдоним @-webkit-keyframes)

Определяют анимированное свойство по имени, описывая определение стилей CSS для промежуточных шагов (или ключевых кадров) в последовательности анимации (Анимации CSS).

@layer

Создаёт именованный каскадный слой со правилами CSS для этого слоя внутри (Каскад и наследование CSS). Также используется как правило-атрибут утверждения для определения порядка приоритетов в случае нескольких каскадных слоёв.

@media

Правило условной группы, которое применяет своё содержимое, если устройство соответствует критериям условия, определённого с помощью запроса медиа (Условные правила CSS).

@page

Указывает аспекты страницы для печати, такие как её размеры, ориентация и поля (Средства страницы CSS).

@position-try

Определяет пользовательские параметры позиционирования, которые могут быть использованы для определения параметров резервного позиционирования и выравнивания для элементов с позиционированием по якорю (Позиционирование по якорю CSS).

@property

Определяет пользовательское свойство CSS, позволяющее проверять тип свойства и ограничивать его, устанавливать значения по умолчанию и определять, может ли пользовательское свойство наследовать значения или нет (Пользовательские свойства CSS для каскадных переменных).

@scope

Определяет область, в которой они применяются к выбранным элементам и стили, применяемые к элементам в этой области (Каскад и наследование CSS).

@starting-style

Определяют начальные значения свойств элемента для перехода от них, когда элемент получает первое обновление стиля, например, при переходе от display: none (Переходы CSS).

@supports

Правило условной группы применяется, если браузер поддерживает функции CSS данного условия (Условные правила CSS).

@view-transition

Включает текущий документ в переходы представления, а также целевой документ в случае переходов при переходе между документами.

• @charset
• @color-profile
• @container
• @counter-style
• @font-face
• @font-feature-values
• @font-palette-values
• @import
• @keyframes
• @layer
• @media
• @namespace
• @page
• @position-try
• @property
• @scope
• @starting-style
• @supports
• @view-transition

• Функции правил-атрибутов CSS
• Вложение правил-атрибутов CSS
• Утверждения CSS
• Интерфейс CSSRule
• Модуль условных правил CSS
• Синтаксис CSS
• Уникальность
• Наследование