CSS - 문제 미리보기
문제 1477
easy
다음 코드에서 빈칸에 들어갈 올바른 속성값은?
```css
.container {
width: 300px;
padding: 20px;
border: 2px solid black;
box-sizing: ________;
}
```
padding과 border를 포함하여 전체 너비가 정확히 300px가 되도록 하려면?
정답: B
`box-sizing` 속성의 값들:
• `content-box` (기본값): padding과 border가 width에 추가됨
• `border-box`: padding과 border가 width에 포함됨
• `padding-box`, `margin-box`는 표준이 아니거나 지원되지 않는 값입니다
`border-box` 사용 시:
• 설정한 `width: 300px`가 padding과 border를 포함한 전체 너비가 됩니다
• 내용 영역의 실제 너비 = 300px - 40px(padding) - 4px(border) = 256px
• 전체 요소의 너비는 정확히 300px가 됩니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.