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

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
href

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support