文字の周りに枠がついています。



周りに枠がついています。

ここで使用しているプロパティの意味は以下の通りです。

border-width 枠線の太さ
border-color 枠線の色
border-style 枠線の種類

枠線の種類として指定できるのは以下の通りです。

solid(実線)

double(二重線)

dotted(点線)

dashed(波線)

groove(線がへこむ)

ridge(線が突出する)

inset(内側がへこむ)

outset(内側が突出する)


枠の内側に背景色をつけることもできます。

後ろに背景色が入っています。color で文字色の指定もできます。


枠と中の文字との間に余白部分を取ることもできます。

枠と文字との間に余白ができて見やすくなりました。

枠の幅と高さを指定をしてみました。

段落全部に枠をつけるのではなく、ある特定の文字にのみ枠をつけることもできます。
例えばこの部分だけに枠をつけてみます。部分的に目立たせることができます。





実験の説明へ