WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <hr>
<hr>  水平線  定番 

水平線を引くタグ。

Horizontal Rule（水平の罫線）の略。 横線を引きます。

パラメーター

width="幅"・・・・幅を指定。
size="高さ"・・・太さを指定。
align="横位置"・・left(左寄せ)、center(中央寄せ)、right(右寄せ)を指定。
noshade・・・・・陰無し(平面的)に指定。

サンプルコード

①<hr>
②<hr width="80%">
③<hr width="200" color="#0000ff">
③<hr width="200" color="red" align="center">
④<hr size="10">
⑤<hr size="10" noshade>
①
②
③
③
④
⑤

スタイルシートでは互換性のある細かい指定が可能

。
①<hr style="border-style:solid;width:250px;height:5px;color:red;">
②<hr style="border-style:solid;width:250px;height:5px;color:red;background-color:red;">
③<hr style="border-style:dotted;width:250px;color:#00ff00;">
④<hr style="border-style:dashed;width:250px;color:orange;>
①
②
③
④

HTMLの一般属性

属性説明
class="～"クラス名を指定。使用例
id="～"IDを指定します。使用例
style="～"スタイルシートを直接記述。使用例
title="～"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="～"言語を指定。日本語の場合は"ja"