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.
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