index.md

title	slug	l10n
<hr>: 主題区切り（水平線）要素	Web/HTML/Element/hr	sourceCommit 942a529383ee7ee3996fb234187641c08935f3ff

{{HTMLSidebar}}

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

{{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}}

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

属性

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

• align {{deprecated_inline}} {{Non-standard_Inline}}
  • : 区切り線の配置を指定します。初期値は left です。
• color {{deprecated_inline}} {{Non-standard_Inline}}
  • : 区切り線の色を色名、または 16 進数で指定します。
• noshade {{deprecated_inline}} {{Non-standard_Inline}}
  • : 網掛けをしないように指定します。
• size {{deprecated_inline}} {{Non-standard_Inline}}
  • : 区切り線の高さをピクセル数で指定します。
• width {{deprecated_inline}} {{Non-standard_Inline}}
  • : 区切り線の幅をピクセル数、あるいはパーセント値で指定します。

例

HTML

<p>
  これは第一段落のテキストです。これは第一段落のテキストです。
  これは第一段落のテキストです。これは第一段落のテキストです。
</p>

<hr />

<p>
  これは第二段落のテキストです。これは第二段落のテキストです。
  これは第二段落のテキストです。これは第二段落のテキストです。
</p>

結果

{{EmbedLiveSample("Example")}}

技術的概要

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

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• {{HTMLElement('p')}}