HTML <hr> タグ

前へ 完全なHTM リファレンス 次へ

Use the <hr> tag to define a thematic change in the content:

コンテンツの主題の変更を定義するためには <hr> タグを使用します:

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Try it Yourself ❯

定義と用法

<hr> タグは、HTML ページの主題の切れ目(例えば、トピックの変更)を定義します。

<hr> 要素は、HTML ページでコンテンツを分割(あるいは変更を定義する)するために使用します。


ブラウザ・サポート

要素
<hr> Yes Yes Yes Yes Yes

HTML 4.01 と HTML5 の相違点

HTML5 では、<hr>タグは主題の切れ目を定義します。

HTML 4.01 では、<hr> は横罫線を表します。

しかし、<hr>タグは、まだブラウザには横罫線として表示されますが、現在は表象的用語というよりも、 意味論的用語として定義されています。

すべてのレイアウト属性は、HTML5 から削除されました。代りに CSS を使用してください。


HTML と XHTML との相違点

HTML では、<hr> タグには終了タグがありません。

XHTMLでは、<hr> タグを <hr /> のように適切に閉じなければなりません。


属性

属性 説明
align left
center
right
HTML5 ではサポート対象外。
<hr> 要素の配置を指定する
noshade noshade HTML5 ではサポート対象外。
<hr> 要素を影付きの色の代わりに、単色(影なし)でレンダリングすることを指定する
size pixels HTML5 ではサポート対象外。
<hr> 要素の高さを指定する
width pixels
%
HTML5 ではサポート対象外。
<hr> 要素の幅を指定する

グローバル属性

<hr> タグは、HTML のグローバル属性もサポートします。


イベント属性

<hr> タグは、HTML のイベント属性もサポートします。


関連ページ

HTML DOM リファレンス:HR オブジェクト


デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <hr> 要素を表示しています:

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
Try it Yourself ❯


前へ 完全なHTM リファレンス 次へ