STYLE要素：HTMLリファレンス　～2nd New House～

説明

スタイルシートを組みこみます。

サポート状況

文書型定義

○: 対応
△: 廃止予定・非推奨
－: 廃止・未対応

HTML										Compact HTML	ISO-HTML
1.0	2.0	2.x	＋	3.0	3.2	4.0 Mobile	4.01 Strict	4.01 Transitional	4.01 Frameset	Compact HTML		Pre
－	－	－	－	○	○	○	○	○	○	－	○	○

XHTML
1.0 Strict	1.0 Transitional	1.0 Frameset	1.1	Basic	MP
○	○	○	○	－	○

ブラウザ

○: 実装
△: 不完全な実装
－: 未実装

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
－	－	○	○	○	○	○	－	－	－	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	○	－	－	－	－	○

要素のデータ

各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。

HTML 3.0

開始タグ	省略不可
終了タグ	省略不可
子要素	#PCDATA
親要素	HEAD

HTML 3.2

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

HTML 4.01 Strict

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

HTML 4.01 Transitional

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

HTML 4.01 Frameset

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

ISO-HTML

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

ISO-HTML Preparation

開始タグ	省略不可
終了タグ	省略不可
子要素	CDATA
親要素	HEAD

XHTML 1.0 Strict

子要素	#PCDATA
親要素	head

XHTML 1.0 Transitional

子要素	#PCDATA
親要素	head

XHTML 1.0 Frameset

子要素	#PCDATA
親要素	head

XHTML 1.1

モジュール	Style Sheets Module
子要素	#PCDATA
親要素	head

XHTML Basic

モジュール	Style Sheets Module
子要素	#PCDATA
親要素	head

XHTML MP

モジュール	Style Sheets Module
子要素	#PCDATA
親要素	head

属性

◎　＝　必須
○　＝　対応
－　＝　廃止・未対応
（○）　＝　廃止予定・非推奨
TF または F　＝　TransitionalとFrameset、またはFramesetのみ対応
（TF）または（F）　＝　TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
この表に使われる略称についてはHTMLの要素辞典の見方参照。

固有属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
type	MIMEタイプ	－	－	－	－	－	－	－	－	－	－	○	○	○	○	3.0	4.0	－	－	－	2.0
type	スタイルシートのMIMEタイプを指定します。
media	出力媒体	－	－	－	－	－	－	－	－	－	－	○	○	－	○	4.0	4.0	3.5	－	－	2.0
media	スタイルシートの出力媒体を指定します。「,」で区切って複数の出力媒体を指定することができます。
notation	CDATA	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
notation

共通属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
disabled	disabled	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
	false｜true	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
	この要素を無効化します。 disabled 無効化にする false 無効化にする true 無効化にしない（デフォルト）
id	ID	－	－	－	－	－	－	－	－	－	○	○	－	－	－	－	－	－	－	－	－
id	文書規模で一意的なIDを設定します。
title	テキスト	－	－	－	－	－	－	○	○	－	○	○	○	－	○	3.0	4.0	－	－	－	－
title	要素に対して補助的な情報を記述します。
lang	言語コード	－	－	－	－	－	－	○	○	－	○	○	－	－	－	－	－	－	－	－	－
lang	要素の内容と属性の値の言語を指定します。
dir	ltr \| rtl	－	－	－	－	－	－	○	○	－	○	○	○	－	－	－	－	－	－	－	－
dir	要素に含まれる文字の文字方向を指定します。 ltr 左から右へ rtl 右から左へ
xml:lang	言語コード	－	－	－	－	－	－	－	－	－	－	○	○	○	○	－	－	－	－	－	－
xml:lang	要素の内容と属性の値の言語を指定します。
xml:space	preserve	－	－	－	－	－	－	－	－	－	－	○	○	－	－	－	－	－	－	－	－
xml:space	要素中の空白の扱いを指定します。 preserve 空白を空白として扱う
xmlns	URL	－	－	－	－	－	－	－	－	－	－	－	○	○	○	－	－	－	－	－	－
xmlns	XMLのネームスペースのURLを指定します。 XHTML 1.1、XHTML Besic、XHTML Mobile Profileの値は'http://www.w3.org/1999/xhtml'

イベント属性

イベント属性名	HTML	XHTML		IE	NN	O	イベント発生状況
イベント属性名	4.01	1.0	1.1	IE	NN	O	イベント発生状況
onerror	－	－	－	4.0	－	－	読み込みエラーが発生したとき。
onload	－	－	－	4.0	－	－	ページが完全に読み込まれたとき。
onreadystatechange	－	－	－	4.0	－	－	状態が変更されたとき。

使用例

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title>STYLE要素 使用例</title>
  <style type="text/css">
  <![CDATA[
  div#osoi { font-size:12pt; }
  div#muda { font-size:20pt; color:red; }
  ]]>
  </style>
</head>
<body>
  <div id="osoi">あいうえお</div>
  <div id="muda">かきくけこ</div>
</body>
</html>

表示結果を見る

DTDとか

HTML3.0

<!ELEMENT STYLE - O (#PCDATA)>
<!ATTLIST STYLE
    notation NOTATION (%style-notations;) #REQUIRED
>

HTML3.2

<!ELEMENT STYLE  - - CDATA -- placeholder for style info -->

HTML 4.0 Mobile

<!ELEMENT STYLE - - %StyleSheet        -- style info -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, for use with title --
  type        %ContentType;  #REQUIRED -- content type of style language --
  media       %MediaDesc;    #IMPLIED  -- designed for use with these media --
  title       %Text;         #IMPLIED  -- advisory title --
  >

HTML 4.01 Strict

<!ELEMENT STYLE - - %StyleSheet        -- style info -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, for use with title --
  type        %ContentType;  #REQUIRED -- content type of style language --
  media       %MediaDesc;    #IMPLIED  -- designed for use with these media --
  title       %Text;         #IMPLIED  -- advisory title --
  >

HTML 4.01 Transitional

<!ELEMENT STYLE - - %StyleSheet        -- style info -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, for use with title --
  type        %ContentType;  #REQUIRED -- content type of style language --
  media       %MediaDesc;    #IMPLIED  -- designed for use with these media --
  title       %Text;         #IMPLIED  -- advisory title --
  >

HTML 4.01 Frameset

<!ELEMENT STYLE - - %StyleSheet        -- style info -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, for use with title --
  type        %ContentType;  #REQUIRED -- content type of style language --
  media       %MediaDesc;    #IMPLIED  -- designed for use with these media --
  title       %Text;         #IMPLIED  -- advisory title --
  >

ISO/IEC 15445(ISO-HTML)

<!ELEMENT STYLE       - -  CDATA >

<!ATTLIST STYLE
  --The <STYLE> element contains style sheet information which shall be
    passed to the user agent's style manager.  Any style sheet language
    may be used.  It is a user agent error to render the style sheet 
    information as if it were part of a document's text.
  --
    %i18n;                         -- Internationalization DIR and LANG --
    MEDIA      CDATA      #IMPLIED -- Designed for use with these media --
    TITLE      CDATA      #IMPLIED -- Advisory title --
    TYPE       CDATA     #REQUIRED -- Internet content type for style lang. -->

XHTML 1.0 Strict

<!-- style info, which may include CDATA sections -->
<!ELEMENT style (#PCDATA)>
<!ATTLIST style
  %i18n;
  id          ID             #IMPLIED
  type        %ContentType;  #REQUIRED
  media       %MediaDesc;    #IMPLIED
  title       %Text;         #IMPLIED
  xml:space   (preserve)     #FIXED 'preserve'
  >

XHTML 1.0 Transitional

<!-- style info, which may include CDATA sections -->
<!ELEMENT style (#PCDATA)>
<!ATTLIST style
  %i18n;
  id          ID             #IMPLIED
  type        %ContentType;  #REQUIRED
  media       %MediaDesc;    #IMPLIED
  title       %Text;         #IMPLIED
  xml:space   (preserve)     #FIXED 'preserve'
  >

XHTML 1.0 Frameset

<!-- style info, which may include CDATA sections -->
<!ELEMENT style (#PCDATA)>
<!ATTLIST style
  %i18n;
  id          ID             #IMPLIED
  type        %ContentType;  #REQUIRED
  media       %MediaDesc;    #IMPLIED
  title       %Text;         #IMPLIED
  xml:space   (preserve)     #FIXED 'preserve'
  >

XHTML 1.1

 
<!ENTITY % style.element  "INCLUDE" >
<![%style.element;[
<!ENTITY % style.content  "( #PCDATA )" >
<!ENTITY % style.qname  "style" >
<!ELEMENT %style.qname;  %style.content; >
<!-- end of style.element -->]]>

<!ENTITY % style.attlist  "INCLUDE" >
<![%style.attlist;[
<!ATTLIST %style.qname;
      %XHTML.xmlns.attrib;
      %title.attrib;
      %I18n.attrib;
      type         %ContentType.datatype;   #REQUIRED
      media        %MediaDesc.datatype;     #IMPLIED
      xml:space    ( preserve )             #FIXED 'preserve'
>

XHTML Mobile Profile

 
<!ENTITY % style.element  "INCLUDE" >
<![%style.element;[
<!ENTITY % style.content  "( #PCDATA )" >
<!ENTITY % style.qname  "style" >
<!ELEMENT %style.qname;  %style.content; >
<!-- end of style.element -->]]>

<!ENTITY % style.attlist  "INCLUDE" >
<![%style.attlist;[
<!ATTLIST %style.qname;
      %XHTML.xmlns.attrib;
      %title.attrib;
      %I18n.attrib;
      type         %ContentType.datatype;   #REQUIRED
      media        %MediaDesc.datatype;     #IMPLIED
      xml:space    ( preserve )             #FIXED 'preserve'
>

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
－	－	○	○	○	○	○	－	－	－	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	○	－	－	－	－	○

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
－	－	○	○	○	○	○	－	－	－	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	○	－	－	－	－	○

<STYLE>（スタイルシート：Style Information）

説明

サポート状況

文書型定義

ブラウザ

要素のデータ

HTML 3.0

HTML 3.2

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

ISO-HTML

ISO-HTML Preparation

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

XHTML Basic

XHTML MP

属性

固有属性

共通属性

イベント属性

使用例

DTDとか

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
－	－	○	○	○	○	○	－	－	－	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	○	－	－	－	－	○