StyleSheet: href property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The href property of the StyleSheet
interface returns the location of the style sheet.
This property is read-only.
Value
A string containing the stylesheet's URI.
Examples
Assume the <head> contains the following:
html
<link rel="styleSheet" href="example.css" />
Then, if you open the HTML page via a file:// URL on Windows, and run the following script:
js
console.log(document.styleSheets[0].href);
The result looks like: "file:////C:/Windows/Desktop/example.css".
Notes
If the style sheet is a linked style sheet, the value of its attribute is its location.
For inline style sheets, the value of this attribute is null.
Specifications
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-stylesheet-href |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
href
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support