ywork2020.com

Title

水平線を引いてコンテンツやテーマを区切る

目次 (INDEX)

hrとは

ここで説明する hr とは次の語句からなるHTMLの要素です。
horizontal
読み: ホリゾンタル
意味: 水平方向
rule
読み: ルール
意味: 支配、抑制、指導、線を引く

目次に戻る

hr要素の概要

この要素は、主に文書中のテーマ、話題の切り替えを表します。

テキストの間やコンテンツの区切りなどに間仕切りとして使用することで水平線が表示され、 視覚的にもテーマの切り替えをユーザーに伝えることができます。

この要素は、単独タグのみで機能します。
<hr>

目次に戻る

サンプルコードと実行結果

サンプルコード: HTML
<body>
	<p> このテキストの下に hr 要素を使ってみます。 </p>
	<hr>
	<p> このテキストの上に hr 要素を使ってみます。 </p>
</body>
実行結果:

このテキストの下に hr 要素を使ってみます。


このテキストの上に hr 要素を使ってみます。

目次に戻る

使用できる属性

目次に戻る