概要

@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
The definition of '@import' in that specification.
勧告 単純な メディアタイプ だけでなく、いかなるメディアクエリもサポートするよう構文拡張
CSS Level 2 (Revision 1)
The definition of '@import' in that specification.
勧告 スタイルシートの URL の記述する <string> のサポートを追加し、@import ルールを CSS 文書の最初に入れることを条件化
CSS Level 1
The definition of '@import' in that specification.
勧告  

ブラウザ実装状況

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

関連情報

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Guillaume-Heras, fscholz, ethertank, sosleepy, Marsf
 最終更新者: Guillaume-Heras,