ライン(線)の引き方

2017年7月11日

ラインを引くには hr を使う

ラインを引くには終了タグはない。

単体で使い、挿入したい箇所に使う。 hrは「区切り」という要素。

線の種類や太さ、色などを変える

線の太さ、色、種類など色々変更することができる。 その時に使うのがこれ ↓

<hr style="border: 0; border-top: ~ ;">

(例)<hr style="border:0;border-top:3px dotted blue;">


border:0とはhrの要素を消すという意味。

border-top: の後に線の種類、太さ、色、長さ、など入れる。(順序は決まっていない)

 

ライン(線) の種類

直線

solid


点線

dotted


破線

dashed


二重線

double


その他いろいろ。線なし= none
 

ラインの色

色 color
 

ラインの長さ

長さ width

ピクセル値 %(全体=100%)

 

ラインの位置

位置 align

left center right

 

ラインの太さ

太さ size

<hr width="50%" align="right"size="10"color="#ff69b4">

ピクセル値1~10まで