このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CSSStyleSheet: ownerRule プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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);
}
}
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # dom-cssstylesheet-ownerrule |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。