箱型

1720 ワード
HTMLとCSS テキストリンク

ボックスモデルの概念



内容:内容


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
    • DOM QUIZ
    GOのRWMutexに対する自分の理解について話します