水平線 <HR>

HOME > HTML > 水平線<HR>


タグ 属性 サポート 注意事項
<hr>
align="center"
align="left"
align="right"
color="color"
size="n"
width="n"
noshade
e2〜N2〜H2〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
終了タグはありません

■ 説明

<hr>は水平線をだす属性があります。属性値を指定することにより、長さ、高さ、色、配置などを指定することができます。

■ 記述 <hr>

<html>
<head>
<title></title>
</head>
<body>
<hr>水平線がでます。<hr>
</body>
</html>

■ 表示結果


水平線がでます。


■ 色を指定 color

■ 説明

<hr>タグのcolorは、色を変える属性があります。属性値には16進数やカラーネームを使います。

■ 記述<hr color="color">

<hr color="Red">

■ 表示結果


■ 高さを指定 size

■ 説明

<hr>タグのsizeは、水平線の高さを指定する属性があります。属性値には1〜?まで指定できます。

■ 記述 <hr size="数値">

<hr size="10">

■ 表示結果


■ 幅を指定 width

■ 説明

<hr>タグのwidthは、水平線の幅を指定する属性があります。属性値はページに対する%(パーセント)または、ピクセルで指定できます。

■ 記述 <hr width="数値">

<hr width="100">
<hr width="70%">

■ 表示結果



■ 位置を指定 align="*"

■ 説明

<hr>タグのalignは、水平線の配置を指定する属性があります。この場合水平線の幅が、ページの100%だと意味がなくなります。

属性値には、left(左寄せ)、right(右寄せ)、center(真ん中)があります。

■ 記述 <hr align="属性値">

<hr width="200" align="left">
<hr width="200" align="right">
<hr width="200" align="center">

■ 表示結果




■ 立体感をなくす noshade

■ 説明

<hr>タグのnoshadeは、水平線の立体感をなくす属性があります。

■ 記述 <hr noshade>

<hr size="5" noshade>

■ 表示結果



[HOME]