メディア依存スタイルシートの指定
アセンブラの魔女 ⧫ CSS ⧫ メディアタイプ ⧫ メディア依存スタイルシートの指定

　スタイルシートでメディア依存部を指定するには、2つの方法があります。

　@mediaまたは@importでスタイルシートからターゲットメディアを指定します。以下はその例です。

@import url("fancyfonts.css") screen;
@media print {
  /* style sheet for print goes here */
}

　ドキュメント言語の仕様を使った方法もあります。例えば、HTML 4では、LINK要素のmedia属性を使えば、外部スタイルシートがターゲットとするメディアを指定することができます。以下はその例です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
   <HEAD>
      <TITLE>Link to a target medium</TITLE>
      <LINK REL="stylesheet" TYPE="text/css" 
	 MEDIA="print, handheld" HREF="foo.css">
   </HEAD>
   <BODY>
      <P>The body...
   </BODY>
</HTML>
▼ Property