Функции директив CSS

CSS директивы — это инструкции-директивы, представляющие сложные правила или позволяющие выполнять специальную обработку данных и вычисления.

Синтаксис

@identifier function([argument]? [, argument]!) {
}

Синтаксис начинается с символа @ @ и идентификатора директивы, например import. За ними следует имя функции директивы, например url, а затем пара круглых скобок. Внутри скобок указываются один или несколько аргументов.

Некоторые функции директив могут принимать несколько аргументов, форматируемых аналогично значениям свойств CSS. Пробелы внутри скобок допускаются, но не обязательны. Несколько аргументов можно разделить запятой или пробелом.

Функции @import

Директива @import используется для импорта стилей из других таблиц стилей.

@import url()

Импортирует файл таблицы стилей по указанному URL.

@import supports()

Импортирует файл таблицы стилей в зависимости от поддержки браузером.

@import layer()

Импортирует файл таблицы стилей в указанный каскадный слой.

Функции @supports

Директива @supports проверяет, поддерживает ли браузер указанную функцию CSS, и затем применяет стили CSS.

@supports selector()

Применяет правила CSS после проверки поддержки браузером указанного синтаксиса селекторов.

@supports font-tech()

Применяет правила CSS после проверки поддержки браузером указанной технологии шрифтов.

@supports font-format()

Применяет правила CSS после проверки поддержки браузером указанного формата шрифтов.

Функции @namespace

Директива @namespace используется для указания пространств имён XML, которые будут применяться в таблице стилей CSS.

@namespace url()

Определяет пространство имён XML по указанному URL.

Функции @container

Директива @container используется для задания стилей контекста контейнера.

@container style()

Определяет стиль контекста контейнера.

См. также

• Директивы CSS
• Модуль синтаксиса CSS