このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

layer() CSS 関数

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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 による最新の標準を反映しています。すべてのブラウザーがすべての部分を実装しているわけではありません。サポート情報についてはブラウザーの互換性を参照してください。

仕様書

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

ブラウザーの互換性

関連情報