The read-only CSSStyleSheet
property ownerRule
returns the CSSImportRule
corresponding to the @import
at-rule which imported the stylesheet into the document. If the stylesheet wasn't imported into the document using @import
, the returned value is null
.
Syntax
var ownerRule = cssStyleSheet.ownerRule;
Value
A CSSImportRule
corresponding to the @import
rule which imported the stylesheet into the document. If the stylesheet wasn't imported into the document using @import
, the returned value is null
.
Examples
This snippet of code looks for rules which were not imported into the document using an @import
at-rule.
let ruleList = document.styleSheets[0].cssRules;
for (let rule of ruleList) {
if (!rule.ownerRule) {
/* rule is not imported */
}
}
This snipped obtains a reference to the stylesheet associated with the @import
and processes it in some manner:
let ruleList = document.styleSheets[0].cssRules;
for (let rule of ruleList) {
if (rule.ownerRule) {
checkStylesheet(rule.ownerRule.styleSheet);
}
}
Specifications
Specification | Status | Comment |
CSS Object Model (CSSOM)The definition of 'CSSStyleSheet.ownerRule' in that specification. | Working Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
ownerRule
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 1 |
IE
Full support 9 |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 4 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
See also
CSSStyleSheet.ownerRule by Mozilla Contributors is licensed under CC-BY-SA 2.5.