CSSImportRule

Baseline 広く利用可能 *

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

* この機能の一部は、対応レベルが異なる場合があります。

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

インスタンスプロパティ

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

CSSImportRule.href 読取専用: @import ルールで指定された URL を返します。
CSSImportRule.layerName 読取専用: @import ルールで宣言されたカスケードレイヤーの名前を返します。レイヤーが無名の場合は空文字列、ルールが何も宣言していない場合は null を返します。
CSSImportRule.media: 関連づけられたスタイルシートの media 属性の値を返します。
CSSImportRule.styleSheet 読取専用: 関連づけられたスタイルシートを返します。
CSSImportRule.supportsText 読取専用: @import ルールで指定した supports の条件を返します。

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

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

css

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

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

仕様書
CSS Object Model (CSSOM) # the-cssimportrule-interface

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