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

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

どうも、ぱぺまぺです。

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

枠線は、

  • 太さ
  • 種類

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

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


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

⬆でのべた、

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

で指定できます。

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

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

 

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

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

 

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

 

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

  1. 未分類

    複数スキルで幅を持つエンジニアを目指す
  2. プログラミングアウトプット

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

    今日の小さなアウトプット1  リストとリンク
  3. プログラミングアウトプット

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

    今日の小さなアウトプット プログラミング学習ログ26~30日目
  4. プログラミング勉強

    プログラミング独学の孤独をまぎらわす方法とは
  5. 未分類

    プログラミング初心者の課題
PAGE TOP