Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

layer()

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨mars 2022⁩.

La fonction CSS layer() est utilisée avec la règle @ @import pour placer la ressource importée dans une couche de cascade nommée distincte.

Syntaxe

css
@import url layer(layer-name);
@import "dark.css" layer(framework.themes.dark);

La framework.themes.dark est la couche dans laquelle le fichier CSS serait importé.

Syntaxe formelle

layer() = 
layer( <layer-name> )

<layer-name> =
<ident> [ '.' <ident> ]*

Spécifications

Specification
CSS Cascading and Inheritance Level 5
# ref-for-typedef-layer-name

Compatibilité des navigateurs

Voir aussi