このページはコミュニティーの尽力で英語から翻訳されました。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> ]*

仕様書

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

ブラウザーの互換性

関連情報