箱型
ボックスモデルの概念
内容:内容
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:エッジ円の半径値.
Paddingとmargin
利益相殺(Margin Collapse):上、下の利益は加算されず、大きな側に沿って歩く.
box-sizing
box-sizing: content-box;
:width(height) = content size
box-sizing: border-box;
:width(height) = content size + padding + border
Reference
この問題について(箱型), 我々は、より多くの情報をここで見つけました https://velog.io/@hyeoneedyou/박스모델テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol