CSSImportRule

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

* Some parts of this feature may have varying levels of support.

CSSImportRule は @import アットルールを表します。

インスタンスプロパティ

祖先である CSSRule から継承したプロパティがあります。

@import ルールで指定された URL を返します。

@import ルールで宣言されたカスケードレイヤーの名前を返します。レイヤーが無名の場合は空文字列、ルールが何も宣言していない場合は null を返します。

関連づけられたスタイルシートの media 属性の値を返します。

関連づけられたスタイルシートを返します。

@import ルールで指定した supports の条件を返します。

祖先である CSSRule から継承したメソッドがあります。

この文書には単一のスタイルシートが記述されており、そのスタイルシートには単一の @import ルールだけが含まれています。したがって、 CSS ルールのリストの最初の項目は CSSImportRule になります。

css

@import url("style.css") screen;

js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // CSSImportRule インスタンスオブジェクト

Specification

Enable JavaScript to view this browser compatibility table.

Was this page helpful to you?

Yes No

This page was last modified on 2025年11月9日 by MDN contributors.