`layer()` CSS 関数

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2022年3月以降、すべてのブラウザーで利用可能です。

layer() は CSS の関数で、@import アットルールと共に使用され、インポートされたリソースを分離された名前付きカスケードレイヤーにインポートするために使用します。

構文

css

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

framework.themes.dark は、CSS ファイルをインポートするレイヤーです。

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

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

仕様書
CSS Cascading and Inheritance Level 5 # ref-for-typedef-layer-name

このページは MDN の貢献者によって 2026年4月29日に最終更新されました。