概要
@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 | (有) | (有) |