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.
A string containing the stylesheet's URI.
Assume the <head> contains the following:
<link rel="styleSheet" href="example.css" />
Then, if you open the HTML page via a file:// URL on Windows, and run the following script:
console.log(document.styleSheets[0].href);
The result looks like: "file:////C:/Windows/Desktop/example.css".
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.
| Specification |
|---|
| CSS Object Model (CSSOM)> # dom-stylesheet-href> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
href |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/href