★HR / 水平線(horizontal rule)

戻る

HR / 水平線(horizontal rule)


対応

H2 H32 H4t H4f H4s CH N2 N3 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6 i1 i2 i3

分類

ブロックレベルエレメント

開始タグ

終了タグ

無し

コンテント要素

無し

親エレメント

ブロックレベルエレメント

共通アトリビュート

event

解説
水平線を表示します。
オプション

対応

オプション

説    明

H4tH4f
CH
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6
i1i2i3

ALIGN

(left|center|right)

表示位置を指定します。
left:左に表示
center:中央に表示
right:右に表示

H4tH4f
CH
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

NOSHADE

(noshade)

影のない水平線に表示します。

H4tH4f
CH
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6
i1i2i3

SIZE

Pixels

線の縦幅を指定します。

H4tH4f
CH
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6
i1i2i3

WIDTH

Length

線の横幅を指定します。

H4tH4fH4s
N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

CLASS

CDATA

クラス名を指定します。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

ID

ID

IDを指定します。同じ文書内で同じIDは付けられない。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

STYLE

StyleSheet

CSSスタイルシートを設定します。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

TITLE

Text

内容を設定します。 IEでは、マウスを近づけたときにバルーンでその内容が表示されます。

注意点
色付き水平線は IE の独自仕様です。色付き水平線を引く時は、スタイルシートかIMGエレメントで引きましょう。IMGエレメントならば、WIDTHとHEIGHT属性でどのような水平線でも引けます。画像のサイズは1×1ピクセルで充分です。(使用例のred.gifは1×1ピクセル)

ソース

表示&操作

×<HR COLOR="red" SIZE="10" WIDTH="100" NOSHADE="noshade" TITLE="赤色水平線">

と記述すると


と表示されます。
E3以降、K2以降、ff1で表示可、IE の独自仕様です。

×<HR SIZE="10" WIDTH="100" STYLE="color:red;" TITLE="赤色水平線">

と記述すると


と表示されます。
E3以降で表示できます。
IE の勝手な解釈かも?

△<HR SIZE="10" WIDTH="100" STYLE="background-color:red;" TITLE="赤色水平線">

と記述すると


と表示されます。
N6以降E5以降O6以降NA1GA1MO1K3ff1で表示できますが、枠線(立体表示)が残ります。ME5は色の幅制御が出来ません。

△<HR SIZE="10" WIDTH="100" STYLE="background-color:red;border:5px solid red;" TITLE="赤色水平線">

と記述すると


と表示されます。
N6以降E5以降O6以降NA1GA1MO1K3ff1で表示できますが、O6以降K3はborder-widthの値が外側にはみ出し、線が太くなります。ME5は色の幅制御が出来ません。

○<TABLE ALIGN="center" BORDER="0">
<TR><TD><P STYLE="color:red; font-size:10px; background-color:red;" TITLE="赤色水平線"><TT>==========</TT></P></TD></TR></TABLE>

と記述すると

==========

と表示されます。
N4N6以降E4以降O6NA1GA1MO1K2ff1で表示できます。HRのWIDTH属性にあたるのが文字(=)の数で、SIZE属性にあたるのがfont-sizeです。かなり強引ですが(^^;;

◎<P ALIGN="center">
<IMG SRC="../img/red.gif" WIDTH="100" HEIGHT="10" ALT="------------" TITLE="赤色水平線" ></P>

と記述すると

------------

と表示されます。
N2以降N6以降E3以降O6以降NA1GA1MO1K2以降ff1とどのブラウザでも表示可能、しかも1×1ピクセルなので軽い。
お薦めです。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/html/hr.html
E-mailpokochan@mx1.tees.ne.jp