<hr>: 主題区切り (水平線) 要素
HTML の <hr>
要素は、段落レベルの要素間において、テーマの意味的な区切りを表します。例えば、話の場面の切り替えや、節内での話題の転換などです。
試してみましょう
以前はこれは水平の区切り線として定義されていました。現在でもブラウザーでは水平線として表示されますが、この要素は表示論的な用語ではなく意味論的な用語で定義されましたので、水平線を引きたいのであれば、適切な CSS を使用して行うようにしてください。
コンテンツカテゴリー | フローコンテンツ |
---|---|
許可されている内容 | なし。これは空要素です。 |
タグの省略 | 開始タグは必須。終了タグを記述してはならない。 |
許可されている親要素 | フローコンテンツを受け入れるすべての要素 |
暗黙の ARIA ロール | separator (en-US) |
許可されている ARIA ロール | presentation または none (en-US) |
DOM インターフェイス | HTMLHRElement |
属性
この要素にはグローバル属性があります。
align
非推奨-
区切り線の配置を指定します。初期値は
left
です。 color
Non-standard-
区切り線の色を色名、または 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