Seize the Day.
article thumbnail
[Web 부트캠프 2023] 6. CSS 박스 모델
Web 2023. 1. 9. 17:43

박스 모델 가로와 세로 CSS의 모든 것이 박스 모델 안에 들어가며, 박스마다 다른 특성을 가진다. 그 중에서 콘텐츠 박스는 단락의 텍스트와 같은 실질적 정보, 핵심 정보를 담는 곳이다. width, height 속성으로 박스 모델 내 콘텐츠가 들어갈 영역의 너비, 높이를 지정한다. 테두리(border)와 모깎기 요소를 둘러싸고 있는 박스 모델의 테두리이다. 테두리의 속성, 스타일, 상하좌우 너비, 곡률 등 여러 가지를 설정할 수 있다. 웹 페이지를 보기 좋게 만드는데 중요한 역할을 하고, 각 요소를 구별하는데 도움이 되며, 눈에 띄도록 만들어준다. border-width: 테두리 두께 border-color: 테두리 색상 border-style: 테두리 스타일(실선, 점선, 절취선 등) border-r..