hr (horizontal rule)

Functional list
意味 横線。
 <hr attributes ...>
で使用します。

EMPTYタグです。

親要素 以下のHTML要素で使えます。

applet |blockquote |body |button |center |dd |del |div |fieldset

form |iframe |ins |li |map |noframes |noscript |object |td |th

子要素 スタンドアローン・タグ。

閉じタグ、内容(入力する値など)はありません。

Attribute
属性 HTMLバリエーション 入力が必要? 意味
align left
center
right
transitional,
frameset
に使用可。
不要(初期設定はleft 横線の位置を調整します。
noshade noshade
(単独使用)
transitional,
frameset
に使用可。
不要 横線を影、3D効果なしと指定します。
size #CDATA transitional,
frameset
に使用可。
不要 ピクセル値を使って横線の太さを指定します。
width #CDATA transitional,
frameset
に使用可。
不要 ピクセル値あるいはパーセントを使って横線の長さを指定します。
[共通属性]

<hr>タグとは、水平罫線を表示するために使用されるタグです。

一般的なブラウザでは横幅一杯に太さ2ピクセルの3D形状の水平罫線が引かれますが、表示はブラウザによって多少違いがあるため、いろいろな環境下で表示確認した方が良いでしょう。

<hr align = "***">とは、<hr>タグにalign属性を指定したもので、水平罫線の位置を指定する場合に用いられます。

値には"left"(左揃え)、"center"(中央揃え)、"right"(右揃え)などを記述します。

align属性を指定しない場合のデフォルトの値は"center"です。

<hr color = "***">とは、<hr>タグにInternet Explorerのみに対応しているcolor属性を指定して、水平罫線の色を指定するものです。

値には、RGB値や標準カラーネームをつかって設定します。

この属性を使って罫線の色を変更した場合は、立体的な表示の3D効果は失われます。

<hr noshade = "***">とは、<hr>タグにnoshade属性を指定し、水平罫線の表示を3D形状ではなく、平面的な罫線として表示させるためのものです。

HTMLでは値は省略可能ですが、XHTMLでは値には"noshade"を記述する必要があります。

<hr size = "***">とは、<hr>タグにsize属性を指定したもので、水平罫線の太さを定義するものです。

値はピクセルで指定します。

指定しない場合は、太さ2ピクセルの3D形状の罫線が引かれます。

<hr width = "***">とは、<hr>タグにwidth属性を指定したもので、水平罫線の長さを定義するものです。

値の指定はピクセル単位、もしくはブラウザの表示幅に対する割合(%)で指定します。

デフォルトでは、中央揃えになっていますが、位置を変更する場合は、align属性を使用します。

解説

 上へ 下へ

戻る