今日の小さなアウトプット

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

プログラミングアウトプット

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

どうも、ぱぺまぺです。

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

枠線は、

  • 太さ
  • 種類

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

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


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

⬆でのべた、

  • 太さ : px
  • 種類 : solid
  • 色  : (例)red

で指定できます。

[s_ad]

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

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

 

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

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

 

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

 

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