CSSImportRule: href プロパティ

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.

hrefCSSImportRule インターフェイスの読み取り専用プロパティで、 @import アットルールで指定された URL を返します。

解決された URL は、関連づけられてたスタイルシートの href 属性となります。

文字列です。

このスタイルシートには単一の @import ルールだけが含まれています。したがって、 CSS ルールのリストの最初の項目は CSSImportRule になります。 href プロパティはインポートしたスタイルシートの URL を返します。

css
@import url("style.css") screen;
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].href); // style.css を返す

仕様書

Specification
CSS Object Model (CSSOM)
# dom-cssimportrule-href

ブラウザーの互換性

BCD tables only load in the browser