SYNCERのロゴ
アイキャッチ画像

CSSImportRule - @importのCSSルール

CSSImportRuleは、@importのCSSルールを管理するための機能を備えたインターフェイスです。

概要

名前
CSSImportRule
継承
IDL
[Exposed=Window]
interface CSSImportRule : CSSRule {
  readonly attribute USVString href;
  [SameObject, PutForwards=mediaText] readonly attribute MediaList media;
  [SameObject] readonly attribute CSSStyleSheet styleSheet;
};
仕様書
https://drafts.csswg.org/cssom/#cssimportrule

チュートリアル

CSSImportRuleは、CSSRuleListの各インデックスに含まれています。先にStyleSheetListCSSStyleSheetCSSRuleListCSSRuleを理解して下さい。下記のような@importのCSSルールがCSSImportRuleです。

@import url( ./style.css ) ;

コンストラクタ

コンストラクタはありません。

プロパティ

href

@importで読み込むファイルのアドレスを返します。

media

@importに関連付けられているメディアを返します。

styleSheet

@importが読み込んでいるスタイルシートを返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
CSSImportRule 9+
href 9+
media 9+
styleSheet 9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。