HTML の <hr> 要素は、段落レベルの要素間において、テーマの意味的な区切りを表します(例えば物語の中でのシーンの変化や、話題の転換など)。以前はこれは水平の区切り線として定義されていました。現在でもブラウザーでは水平線として表示されますが、この要素は表示論的な用語ではなく意味論的な用語で定義されましたので、水平線を引きたいのであれば、適切な CSS を使用して行うようにしてください。

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

属性

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

align
区切り線の配置を指定します。初期値は left です。
color
区切り線の色をカラーネーム、または 16 進数で指定します (例: red#F00#FF0000)
noshade
網掛けをしないように指定します。
size
区切り線の高さをピクセル数で指定します。
width
区切り線の幅をピクセル数、あるいはパーセントで指定します。

<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>

このコードは、次のように出力されます。

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.


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.

仕様書

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

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり1 あり あり あり
align あり あり1 あり あり あり
color あり あり1 あり あり あり
noshade あり あり1 あり あり あり
size あり あり1 あり あり あり
width あり あり1 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり
align あり あり あり4 あり あり あり
color あり あり あり4 あり あり あり
noshade あり あり あり4 あり あり あり
size あり あり あり4 あり あり あり
width あり あり あり4 あり あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss, ethertank
最終更新者: mfuji09,