<hr>: 主題分割 (水平線) 要素

HTML の <hr> 要素は、段落レベルの要素間において、テーマの意味的な区切りを表します。例えば、話の場面の切り替えや、節内での話題の転換などです。

以前はこれは水平の区切り線として定義されていました。現在でもブラウザーでは水平線として表示されますが、この要素は表示論的な用語ではなく意味論的な用語で定義されましたので、水平線を引きたいのであれば、適切な CSS を使用して行うようにしてください。

コンテンツカテゴリー フローコンテンツ
許可されている内容 なし。これは空要素です。
タグの省略 開始タグは必須。終了タグを記述してはならない。
許可されている親要素 フローコンテンツを受け入れるすべての要素
許可されている ARIA ロール presentation
DOM インターフェイス HTMLHRElement

属性

この要素にはグローバル属性があります。

align これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
区切り線の配置を指定します。初期値は left です。
color この API は標準化されていません。
区切り線の色を色名、または16進数で指定します。
noshade これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
網掛けをしないように指定します。
size これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
区切り線の高さをピクセル数で指定します。
width これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
区切り線の幅をピクセル数、あるいはパーセントで指定します。

HTML

<p>
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
</p>

<hr>

<p>
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
</p>

結果

仕様書

仕様書 状態 備考
HTML Living Standard
<hr> の定義
現行の標準 <hr> 要素の定義
HTML5
<hr> の定義
勧告
HTML 4.01 Specification
<hr> の定義
勧告 align, noshade, size, width 属性を非推奨にする

ブラウザーの互換性

BCD tables only load in the browser

関連情報