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