<style> - スタイル

■ 概要

項　　目説　　明
記述形式 <style>～</style>
<style type="スタイルシート言語">～</style>  
対応ブラウザー H3+ / e3+ / N4+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種　　類
（カテゴリー）		 メタデータ・コンテンツ
置ける場所 メタデータ・コンテンツが記入できる場所
head要素の子要素の noscript内
内包要素
（コンテンツ・モデル）		 type属性の値により変わる
（コンテンツ・モデル: カテゴリー）

■ 解説

HTML 文書に CSS などのスタイルシートを適用するには，大きく分けて３種類の方法があります。

そのうち，スタイルの指定内容を HTML文書内に記述し，かつ，その文書全体に適用されるスタイルシートをまとめて記述する場合には，style要素を使います。

■ 属性

種　　類名　　称
【固有属性】 media, type
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 なし
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ   
備　　考 title属性 はこの要素では特別な意味を持ちます。

type属性
スタイルシートに使用する言語のMIMEタイプを指定します。　既定値は "text/css" です。　そのため，CSSを利用する場合には，type属性を省略することができます。

media属性
スタイルシートを，どのメディアに適用するのかを指定します。　既定値は "all" です。　したがって，media属性が省略されたときは，すべてのメディアにこのスタイルシートが適用されます。

media属性の値説　明
screen  パソコンのモニタ画面
tty  文字幅が固定の端末機器
tv  テレビ
projection  プロジェクター
handheld  携帯機器
print  プリンター
braille  点字ディスプレイ
embossed  点字プリンター
aural  音声出力
all  すべてのメディア

■ CSSプロパティ

種　　類名　　称
【よく使うもの】

■ 使用例

HTMLソース
CSS
<head> ～ </head>		 
<style type="text/css">
<!--
  H5 { color:red }
  .body { margin-left: 50px; }
-->
</style>
HTML
<body> ～ </body>		 
<h5>ホームページ入門</h5>
<p class="body">ホームページは・・・</p>

ブラウザー 表示例
ホームページ入門

ホームページは・・・

■ 備考