CSSStyleSheet: ownerRule プロパティ

Baseline Widely available

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

CSSStyleSheet の ownerRule は読み取り専用プロパティで、CSSImportRule を返します。これは、スタイルシートを文書にインポートする @import アットルールに対応します。スタイルシートが @import を使用して文書にインポートされていない場合、返される値は null です。

値

CSSImportRule です。これは、スタイルシートを文書にインポートする @import アットルールに対応します。スタイルシートが @import を使用して文書にインポートされていない場合、返される値は null です。

例

このスニペットは、@import アットルールを使用して文書にインポートされていないルールを探すものです。

js
const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (!rule.ownerRule) {
    /* ルールはインポートされていない */
  }
}

このスニペットは、@import に関連するスタイルシートへの参照を取得し、それを何らかの方法で処理します。

js
const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (rule.ownerRule) {
    checkStylesheet(rule.ownerRule.styleSheet);
  }
}

仕様書

Specification
CSS Object Model (CSSOM)
# dom-cssstylesheet-ownerrule

ブラウザーの互換性

BCD tables only load in the browser

関連情報