Go to information

style要素

  1. style要素
  2. media属性
  3. type属性
  4. その他の属性

style要素

style要素(style sheet information)は head要素内に当該ページ内にのみ有効な制作者スタイルシートを組み込みます。HTML では style要素の内容は解析されない文字データ(Character DATA)だったのですが、XHTML では style要素の内容は解析対象となる文字データ (Processed Character DATA) になったため、マークアップ区切り文字は意味を持ち、文字実体参照などは展開されます。たとえば、HTML4.01 では style要素に対応していない古い UAstyle要素には Netscape Navigater 4.0, Internet Explorer 4.0 より対応)のための後方互換として "<!-- -->" のコメント宣言を使うことが常套手段とされていましたが、現在では style要素に対応していないような環境で閲覧しているユーザーは皆無なので、いちいち "<!-- -->" を使ってコメント・アウトする必要はありません。

ましてや XHTML では "<!-- -->" を使ってスタイルシートをコメント・アウトしてしまうと、UA によっては本当にコメントとみなして、スタイル情報を無視してしまい、働かない可能性があります。XHTML では style要素内に記述するスタイルシートは "<![CDATA[ ]>" の CDATAセクションを使うことで解析されない文字データ(Character DATA)にすることが可能ですが、現状では CDATAセクションをサポートしていない環境も多いため、XHTML では文書内に直接スタイルシートを記述するのではなく、別にスタイルシートファイルを用意して link要素で外部から参照させる手法が推奨されています(詳しくは CSS概論を参照してください)。

type属性は使用するスタイルシートの言語の種類を示すために必須属性となっています。スタイル言語にはいくつかありますが、各視覚環境の UA の対応状況などから CSS(カスケーディングスタイルシート)と呼ばれる種類が一般的に使用されています。他にもウェブ上で使われているスタイル言語に、XSL などがあります。CSS が (X)HTML文書に対しての見栄え(レイアウト)を定義し、XSL は XML文書に対しての見栄え(レイアウト)を定義します。また、XHTML1.0 には id属性がありますが、HTML4.01 と XHTML1.1 にはありません。

バージョン
要素型
head要素の子要素
開始タグ
必須
終了タグ
必須
非推奨
-
内包可能
スタイルシート

media属性

バージョン
指定要素
style
必須
-
非推奨
-
属性値

制作者スタイルシートを適用するメディアを限定して適用するようにメディアの種類を指定します。複数指定する場合は、カンマ(,)で区切って指定します(例:media="screen,tv,projection")。メディアには次の9種類のキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

all
すべての環境を出力対象とする
screen
パソコン画面を出力対象とする
tty
文字幅が固定の機器を出力対象とする
tv
テレビベースのウェブブラウザを出力対象とする
projection
プロジェクタを出力対象とする
print
プリンタを出力対象とする
handheld
携帯用機器を出力対象とする
braille
点字出力機器を出力対象とする
aural
合成音声出力機器を出力対象とする

media属性は Netscape Navigator 4.x系列のバグを利用して制作者スタイルシートの適用を回避させるテクニックとしても用いられます。Netscape Navigator 4.x系列には media属性を指定した場合に値が "screen" のみでなければ、制作者スタイルシートを適用しなくなるというバグがあります。これを利用して、Netscape Navigator 4.x系列で制作者スタイルシートによる表示崩れが起こる場合は、media="screen,tv,projection" のようにメディアを複数指定したりすることで制作者スタイルシートの適用を回避することができます。

type属性

バージョン
指定要素
style
必須
必須属性
非推奨
-
属性値
MIMEタイプ

使用するスタイルシートの種類を MIMEタイプで指定します。style要素の必須属性です。UA がスタイル情報を正しく解釈するための情報となります。各UA の対応状況などから CSS(カスケーディングスタイルシート)が一般的に使われています。CSS の MIMEタイプは "text/css" です。

その他の属性

共通属性
現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. style要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-09-27T19:30:55+09:00
更新
2008-12-29T04:27:11+09:00
URI
http://w3g.jp/xhtml/dic/head_style
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!