[CSS] Box Shadow, Opacity, Overflow, Visibility


1. box shadow

  • 要素を着色するための
  • neumorphism.ioサイトリファレンス
  • p {
     box-shadow: x y 흐린정도 그림자사이즈 색상
    }

    2.光学性:透明度

  • 0(透明)-1(不透明)
  • 3. Overflow


    widthとheightを持つ要素のサブ要素が大きい場合、どのように処理しますか?
    overflow: *visible | auto | scroll | hidden
    (1)visible:デフォルト値、ずれのみ表示
    (2)auto,volwle:オーバーフローをスクロールに変更する.(二人に別れの差はない)
    (3)hidden:あふれ出たものは転がらず、消えてしまう.
    個別にあげてもいいです.
    overflow-x: scroll; (横にスクロールした場合)
    overflow-y: hidden;
    横に転がるが、y軸があふれているものを隠す.

    4. Visibility


    要素を表示するか非表示にするかを指定します.
    visibility: *visible | hidden
  • hidd=Opaticy:0は
  • に類似
  • を非表示にしても、非表示の位置は変わりません.
    vs display: none; 非表示の場所は保持されません(存在しません)