一本線をひく |
タグ |
ここに<hr>文字 |
通常 | ここに文字 |
結果 | ここに 文字 |
解説 |
このタグは横に一本線を引きます。自動的に一行分使いますので 改行しなくても勝手に改行されます。長さは指定してなければ、端から端まで伸びれるだけ伸びます。長さをしていしたい場合は width="数" を指定します。色や太さも指定できます。
大体タグは終わりタグが必要ですが、このタグは <hr> と単体で書くだけです。
XHTMLで記述する際には <hr /> このように記述します。
|
一本線の長さを変える |
見本 |
<hr width="10"> |
結果 |
|
見本 |
<hr width="50"> |
結果 |
|
見本 |
<hr width="100"> |
結果 |
|
見本 |
<hr width="200"> |
結果 |
|
見本 |
<hr width="50%"> |
結果 |
|
見本 |
<hr width="80%"> |
結果 |
|
見本 |
<hr width="100%"> |
結果 |
|
解説 |
「 % 」で指定すると伸びれる範囲内で、指定された割合の長さになります。何もしない場合は100%両端に伸びます。
|
一本線を塗りつぶす |
見本 |
<hr size="1" noshade> |
結果 |
|
見本 |
<hr size="5" noshade> |
結果 |
|
見本 |
<hr size="10" noshade> |
結果 |
|
見本 |
<hr size="15" noshade> |
結果 |
|
解説 |
「noshade」 を書くと灰色に塗りつぶされます。色を指定しても塗りつぶせます。
|
一本線に色をつける |
見本 |
<hr color="#ff0000"> |
結果 |
|
見本 |
<hr color="#00ff00"> |
結果 |
|
見本 |
<hr color="#0000ff"> |
結果 |
|
見本 |
<hr color="#999999"> |
結果 |
|
解説 |
6桁の色を表している字を指定すれば色を変更できます。説明は 「色の見本」を参考にしてください。 長さとか太さを指定すれば、色つきの組み合わせで使用できます。
|
一本線の位置を指定 |
見本 |
<hr width="200" align="left"> |
結果 |
|
見本 |
<hr width="200" align="right"> |
結果 |
|
解説 |
左右の位置を指定することができます。
何も指定していなければ初期は left になります。
|