このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSSImportRule: href プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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 を返す

仕様書

仕様書
CSS Object Model (CSSOM)
# dom-cssimportrule-href

ブラウザーの互換性