今日の小さなアウトプット10 枠線

小さなアウトプット10　枠線とボーダー

どうも、ぱぺまぺです。

要素を、枠線やボーダーで装飾することができます。

枠線は、

• 太さ
• 種類
• 色

をそれぞれ指定することができます。

See the Pen
MMyWKy by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

枠線はborderというプロパティを使います。

⬆でのべた、

• 太さ　：　px
• 種類　：　solid
• 色　　：　（例）red

で指定できます。

[s_ad]

また、borderプロパティに、例えば-bottomをつけると要素に下線部がつきます。

これが-bottomじゃなくて、-topでも-rightでも-leftでもそれぞれ対応した場所に線をひくことができます。

 

線にも点線とか破線とかいろいろ指定できます。

ボーダースタイルのリファレンス

 

ネットで探せば⬆のようなサイトから見つけられます。

 

ここまで読んでくださりありがとうございました。