Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<hr>

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

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<hr>
1
12
1
3
18
1
DOM API
HTMLHRElement

HTMLHRElement インターフェイスは、（継承によって利用できる通常の HTMLElement インターフェイスの他に） hr 要素を操作するための特別なプロパティを提供します。
1
12
1
1
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<p>Contents of Chapter 1...</p>
<hr>
<p>Contents of Chapter 2...</p>

ライブデモ

basic separator

Hr element in theme. differentsection blockcut.

プレビュー全画面表示

decorativeseparator

Hr customstyling. with CSS

プレビュー全画面表示

sectionbetween. separator

hr usageexample. with actual. Webpe-j.

プレビュー全画面表示

実務での使いどころ

  • <hr> の活用

    <hr> は HTML の要素で、段落レベルの要素間において、テーマの意味的な区切りを表します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク