<hr>: 主題区切り (水平線) 要素

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

試してみましょう

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

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

属性

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

align

区切り線の配置を指定します。初期値は left です。

color

区切り線の色を色名、または 16 進数で指定します。

noshade

網掛けをしないように指定します。

size

区切り線の高さをピクセル数で指定します。

width

区切り線の幅をピクセル数、あるいはパーセントで指定します。

例

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>

結果

仕様書

Specification
HTML Standard
# the-hr-element

ブラウザーの互換性

BCD tables only load in the browser

関連情報