最新のWeb開発のチュートリアル
 

HTML <hr> Tag


使用<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>
»それを自分で試してみてください

定義と使用法

<hr>タグは、HTMLページ内での主題(トピックの例シフト)を定義します。

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


ブラウザのサポート

素子
<hr> はい はい はい はい はい

HTML 4.01とHTML5の違い

HTML5では、 <hr>タグは、テーマ別のブレークを定義します。

HTML 4.01では、 <hr>タグは、水平ルールを表します。

しかし、 <hr>タグがまだビジュアルブラウザでの水平方向のルールとして表示されることがありますが、今はむしろ体裁の用語よりも、意味論的用語で定義されています。

すべてのlayout属性はHTML5で除去されます。 代わりにCSSを使用してください。


HTMLとXHTMLの違い

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

XHTMLでは、 <hr>タグが適切にこのように、閉じていなければなりません: <hr />


属性

属性 説明
align left
center
right
HTML5でサポートされていません。
整列を指定し<hr>要素を
noshade noshade HTML5でサポートされていません。
ことを指定<hr>要素ではなく、日陰の色の、1無地(noshaded)でレンダリングする必要があります
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;
}
»それを自分で試してみてください