横罫線タグ <hr>|HTML辞典|HTMLタグ・CSS

HomeHTML辞典横罫線タグ <hr>
サイト内検索

横罫線タグ <hr>

一本線をひく
タグ ここに<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">
結果
見本 <hr size="5">
結果
見本 <hr size="10">
結果
見本 <hr size="15">
結果
一本線を塗りつぶす
見本 <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 になります。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング