<hr> - テーマの変わり目を表す

■ 概要

項　　目説　　明
記述形式 <hr>
対応ブラウザー H2+ / e2; / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+  
種　　類
（カテゴリー）		 フロー・コンテンツ
置ける場所 フロー・コンテンツが記入できる場所
内包要素
（コンテンツ・モデル）		 空
（コンテンツ・モデル: 空）

■ 解説

<hr> は，Horizontal Rule（水平罫線）の略です。　したがって，HTML4.01 までは，横罫線を表示するための要素でした。

しかし，HTML5 ではこの意味はなくなり，段落単位での意味の変わり目を表す要素 として再定義されました。　例えば，本題から余談に入る直前や再び本題に戻る直前に利用します。

■ 属性

種　　類名　　称
【固有属性】 なし
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 separator （既定の役割のため指定対象外），
または，presentation
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ，
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

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

■ 使用例

色を指定する属性：color="red" は実は IE の独自仕様で，もともと W3C の規格にはそのような属性は存在しません。　したがって，HTML5 では，当然ながら color属性 の対象外です。　では，CSS を用いた場合はどうでしょう？　これも，ブラウザーの対応がまちまちで難しいのですが，IE，Mozilla，Opera などでは，色や線幅を指定することがでるようです。

HTMLソース
HTML
<body> ～ </body>		 
 theme1
 <hr style="color:red; background-color:red; 
            border:none; width:100%; height:4px;">
 theme2

ブラウザー 表示例
theme1
theme2

■ 備考