Fonctions de règle @ CSS

Les fonctions de règle @ CSS sont des instructions de règle @ qui représentent des règles complexes ou peuvent invoquer un traitement spécial des données ou des calculs.

Syntaxe

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

La syntaxe commence par le symbole arobase @ et un identifiant de règle @, tel que import. Cela est suivi par le nom de la fonction de règle @, tel que url, suivi d'une paire de parenthèses ouvrantes et fermantes. Un ou plusieurs arguments sont définis à l'intérieur des parenthèses.

Certaines fonctions de règle @ peuvent prendre plusieurs arguments, qui sont formatés de manière similaire aux valeurs des propriétés CSS. Les espaces blancs sont autorisés, mais ils sont optionnels à l'intérieur des parenthèses. Plusieurs arguments peuvent être séparés par une virgule ou un espace.

Fonctions @import

La règle @import est utilisée pour importer des styles à partir d'autres feuilles de style.

@import url(): Importe une feuilles de style à partir de l'URL définie.
@import supports(): Importe une feuilles de style en fonction de la prise en charge du navigateur.
@import layer(): Importe une feuille de style dans une couche de cascade définie.

Fonctions @supports

La règle @supports vérifie la prise en charge par le navigateur de la fonctionnalité CSS définie, puis applique le style CSS.

@supports selector(): Applique les règles CSS après avoir vérifié la prise en charge par le navigateur de la syntaxe du sélecteur défini.
@supports font-tech(): Applique les règles CSS après avoir vérifié la prise en charge par le navigateur de la technologie de police définie.
@supports font-format(): Applique les règles CSS après avoir vérifié la prise en charge par le navigateur du format de police défini.