↑ arvau

MDN / CSS at-rule functions

CSS at-rule functions are at-rule statements that represent complex rules or can invoke special data processing or calculations.

Syntax

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

The syntax begins with the at symbol @ and an at-rule identifier, such as import. This is followed by the name of the at-rule function, such as url, followed by a pair of opening and closing parentheses. One or more arguments are specified inside the parentheses.

Some at-rule functions can take multiple arguments, which are formatted similar to CSS property values. White space is allowed, but it is optional inside the parentheses. Multiple arguments can be separated using a comma or a space.

@import functions

The at-rule is used to import styles from other stylesheets.

  • : Imports a stylesheet file from the specified URL.

  • : Imports a stylesheet file based on browser support.

@import layer()

  • : Imports a stylesheet file into the specified cascade layer.

@supports functions

The at-rule checks for a browser’s support for the specified CSS feature and then applies the CSS styling.

  • : Applies CSS rules after checking browser’s support for the specified selector syntax.

  • : Applies CSS rules after checking browser’s support for the specified font technology.

  • : Applies CSS rules after checking browser’s support for the specified font format.

@namespace functions

The at-rule is used to specify XML namespaces to be used in a CSS stylesheet.

  • : Defines XML namespace from the specified URL.

@container functions

The at-rule is used to specify styles for a containment context.

  • : Defines the containment context style.

See also