STYLEー組み込まれたスタイル・シート

　STYLE要素は文書にスタイル・シートを組み込みます。 STYLEは幾つでも、文書のHEADにきます。

　必須であるSTYLEのTYPE属性は、スタイル言語のインターネット・メディア・タイプを特定します。 カスケーディング・スタイル・シートでは TYPE属性値は text/cssとしなければなりません。

　選択性のTITLE属性はスタイル・シート用のタイトルを与えます。 TITLE属性がないと、スタイル・シートが可能ならスタイル・シートが必ず適用されます。 TITLE属性でスタイル・シートは自動的に適用されますが、ユーザーは別のスタイル・シートを可能にしながらスタイル・シートの禁止も選べます。同じタイトルを持ったスタイル・シートは同じスタイル・シートと考えられます。

　現状の多くのブラウザはスタイル・シートでのTITLE属性を無視し、ユーザーがそれぞれのスタイル・シートを可能にしたり禁止したりする選択を許していません。

　MEDIA属性はスタイル・シートに適用するメディアを特定します。これでスタイル・シートを或る出力装置、印刷や音声ブラウザなど、に限定することができます：

• screen（初期値）、ページ化のないコンピューター・スクリーン ；
• tty、固定ピッチ文字格子画面（ Lynxなどで使われる画面など）；
• tv、低解像でスクロールできないテレビジョンタイプの装置；
• projection、プロジェクト；
• handheld、携帯装置（小さくモノクロ画面で制限された通信帯）；
• print、プリンターへ出力；
• braille、点字触感反応装置；
• aural、音声合成装置；
• all、汎用

　Netscape Navigator 4.x は、 screen以外のMEDIA値をもった如何なるSTYLE要素を間違って無視します。例えば、 たとえ描写装置がコンピューター・スクリーンであっても MEDIA="screen, projection"はby Navigator 4.xによって無視されます。またNavigator 4.xは、 MEDIA=allと宣言されたスタイル・シートを無視します。多くのブラウザはMEDIA属性を無視します。

組み込まれたスタイル・シートの例を以下にあげます：

<STYLE TYPE="text/css" MEDIA=screen>
<!--
  BODY  { background: url(foo.gif) red; color: black }
  P EM  { background: yellow; color: black }
  .note { margin-left: 5em; margin-right: 5em }
-->
</STYLE>

　HTML 3.2以前のブラウザは、 STYLE要素をしらないで、 BODYの一部であるかのようにその内容をみせ、かくてユーザーにスタイル・シトが見えてしまいます。これを防ぐには、 CSSなどのスタイル・シート言語では、スタイル・シートを前の例のように SGMLコメント（ <!-- comment -->）内におけます。

　組み込まれたスタイル・シートは、一つの文書が唯一のスタイルを持っている場合に使われるべきです。同じスタイル・シートが多数の文書で使われるなら、 外部スタイル・シートの使用がより適切です。

他の情報

• STYLE in W3C HTML 4.0 Recommendation（日本語）
• STYLE in W3C HTML 3.2 Recommendation（日本語）
• STYLE in WDG HTML 3.2 Reference（日本語）
• STYLE in Learning HTML 3.2 by Examples