The read-only href
property of the
CSSImportRule
interface returns the URL specified by the
@import
at-rule.
The resolved URL will be the href
attribute of the
associated stylesheet.
Syntax
var href = CSSImportRule.href;
Value
A USVString
.
Examples
The following stylesheet includes a single @import
rule. Therefore the
first item in the list of CSS rules will be a CSSImportRule
. The
href
property returns the URL of the imported stylesheet.
@import url("style.css") screen;
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].href); //returns style.css
Specifications
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) The definition of 'CSSImportRule.href' in that specification. |
Working Draft | No changes from Document Object Model (DOM) Level 2 Style Specification |
Document Object Model (DOM) Level 2 Style Specification The definition of 'CSSImportRule' in that specification. |
Obsolete | Initial definition |
Browser compatibility
BCD tables only load in the browser
The compatibility table in 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.