hrダグ/水平線

<hr>タグは水平線を追加します。

説明

 <hr>タグを使うと簡単に横線を引けます。

構文

 <hr>タグはHTMLボディー内に記述します。構文は以下の通りです。

<hr>

 通常のタグは<>と</>で囲んで使いますが、<hr>タグには終わりを示すタグがありません。

利用例

 <hr>タグを使った例は以下の通りです。

<p>文章</p>
<hr>
<p>文章</p>

 上記を表示すると以下になります。

文章


文章

太さや幅を変える方法

 水平線の太さや幅を変える場合は以下のように記述します。

<hr style="height:10px;width:100px;">

 太さをheight、幅をwidthで指定しています。

 上記を表示すると以下になります。


 widthを60%と指定すると以下になります。


 中が白色ですが、色を変えたい場合は以下のようにします。

<hr style="height:10px;width:100px;background-color:black;">


 black部分をyellow等他の色にする事で様々な色に出来ます。

 又、多くのブラウザではセンタリングされているため、margin-left:0px、margin-right:10px等を追加すると右寄せや左寄せが出来ます。

ディスプレイ

 <br>タグで囲むとブロックボックスを示すため、タグの開始時と終了時に改行されます。

検索付「HTMLタグ早見表」に戻る

スマホ向け「HTMLタグ一覧」に戻る

  • このエントリーをはてなブックマークに追加