箱型


ボックスモデルの概念



内容:内容


border


  • border-style: dashed, solid, dotted, double
    #inner {
    	border-style: dashed solid #상하, 좌우
    	border-style: dashed double solid #상, 좌우,border-style: dashed double dotted solid #상,,,border: 4px solid pink;
    }

  • border-width

  • border-color

  • border-radius:エッジ円の半径値.
  • border-top-left-radius
  • border-top-right-radius
  • border-bottom-left-radius
  • border-bottom-right-radius

  • Paddingとmargin


  • 利益相殺(Margin Collapse):上、下の利益は加算されず、大きな側に沿って歩く.

  • box-sizing

  • box-sizing: content-box;
    :width(height) = content size

  • box-sizing: border-box;
    :width(height) = content size + padding + border