 |
ホームページ作成 ＨＴＭＬ基礎講座 hrタグ 水平線
ホームページ作成・HTML基礎・スタイルシート（CSS)・javascript・SEO対策
|
|
■hrタグ：水平線（区切り線）  |
 |
|
【解説】
水平線は段落の区切りとして使用する他、見栄えを良くする為に使用する事が多いです。
※color属性は対応していないブラウザがありますので"1x1px"のGIF画像を作成して<img>タグを使用する事によって見かけ上は同じように表示されます。 |
<hr>水平線表示
<hr noshade>平面的な水平線表示 |
| 用 途 |
サンプルソース |
サンプル表示 |
| 水平線 |
<hr> |
|
| 平面的な水平線 |
<hr noshade> |
|
| 横幅の指定 |
<hr width="100"> |
|
| 縦幅の指定 |
<hr size="5"> |
|
| 行揃え指定 |
<hr align="right" width="100"> |
|
※行揃え：align属性=left（左揃え）、center（中揃え）デフォルト、right（右揃え）
※指定しないと"center"になる |
| 横幅の指定２ |
<hr style="width: 100"> |
|
| 縦幅の指定２ |
<hr style="height: 5"> |
|
|
| 単 位 |
意 味 |
| in |
インチ。1in＝25.4ｍｍ |
| cm |
センチメートル |
| mm |
ミリメートル |
| pt |
ポイント。1pt＝1/72in |
| pc |
パイカ。1pc＝12pt |
| px |
ピクセル。表示上の1ドット（単位指定が無ければpxが単位となります） |
| em |
基準書体の文字の高さ |
| ex |
基準書体の文字ｘの高さ |
| % |
基準書体のサイズに対する百分率 |
|
| 水平線に色を付ける |
<hr color="（1）">
<hr style="color: （1）">
（1）色（色コード、カラー名）の詳細はこちらを参照。
※color属性は"noshade"を付与しなくても影無しになります。 |
| サンプルソース |
サンプル表示 |
| <hr color="#ff0000"> |
|
| <hr noshade color="#ff0000" |
|
| <hr style="color: #0000ff"> |
|
| <hr style="color: #0000ff" noshade> |
|
|
|
|
|
ページトップへ |