ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成HTML基礎講座 EasyStudyHTML TOP

ホームページ作成 HTML基礎講座 hrタグ 水平線

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



hrタグ:水平線(区切り線) 携帯リストマーク clear.gif
【解説】
水平線は段落の区切りとして使用する他、見栄えを良くする為に使用する事が多いです。

※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"になる
横幅の指定2 <hr style="width: 100">
縦幅の指定2 <hr style="height: 5">


単 位 意 味
in インチ。1in=25.4mm
cm センチメートル
mm ミリメートル
pt ポイント。1pt=1/72in
pc パイカ。1pc=12pt
px ピクセル。表示上の1ドット(単位指定が無ければpxが単位となります)
em 基準書体の文字の高さ
ex 基準書体の文字xの高さ
% 基準書体のサイズに対する百分率

水平線に色を付ける
<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>



ページトップへ
TOP | 利用規約 (免責)| お問合せ

Agora