@import

概要

@import は、スタイル規則を他のスタイルシートからインポートします。

構文

@import "url";
@import "url" media1, media2, ...;
@import url("url");
@import url("url") media1;

補足

ユーザエージェントにサポートされていないメディアタイプのリソースの読み込みを避けることができるため、ページ作者はメディアに依存した @import 規則を指定できます。これらのインポート条件は、URI の後に、メディアタイプをカンマで区切りで指定します。メディアタイプを記述しない場合は、無条件でインポートされます。メディアタイプに all を指定した場合も、同様に無条件でインポートされます。

例

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;

仕様

仕様書 策定状況 コメント
Media Queries 勧告 単純な メディアタイプ だけでなく、いかなるメディアクエリもサポートするよう構文拡張
CSS Level 2 (Revision 1) 勧告 スタイルシートの URL の記述する <文字列> のサポートを追加し、@import ルールを CSS 文書の最初に入れることを条件化
CSS Level 1 勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (有) (有) 5.5 (有) (有)
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート (有) (有) 5.5 (有) (有)

関連情報

Document Tags and Contributors

タグ:
Contributors to this page: sosleepy, ethertank, Marsf
最終更新者: ethertank,
サイドバーを隠す