반응형
content-box
-
CSS 기본(BOX 응용) : Content-Box, Border-Box,컴퓨터 알아가기/HTML CSS 2021. 3. 25. 19:30
CSS의 속성들중에는 기본값이 적용되어 있습니다. 이러한 기본값에는 스타일시트에 명시적으로 설정할 필요가 없습니다. 예를 들어 텍스트의 기본글꼴에 적용되는 가중치는 기결정되어 있지만 이 속성이나 값을 일부러 다시 지정해줄 필요가 없습니다. BOX모델도 기본속성이 적용이 됩니다. ▒ Box Model : Content-Box 이제까지 봐온 기본 BOX의 개념입니다. 즉, 우리는 Content에 들어가는 내용을 기준으로 Padding과 Border를 설정해 왔습니다. 이 3가지 값이 합쳐져 브라우저에 렌더링됩니다. 다음 예는 실제 웹페이지에 렌더링되는 넓이가 200px입니다. ▒ Box Model : Border-Box 웹페이지에 Box모델을 적용할 때 Contents값 및 Padding값과 Border값을..