CSS - 문제 미리보기
문제 1131
medium
다음 코드의 결과는?
```css
.box {
padding: 10px 20px;
}
```
정답: C
`padding`에 2개의 값을 제공하면 위아래와 좌우로 구분되어 적용됩니다.
2개 값의 적용 규칙:
```css
padding: 첫번째값 두번째값;
```
• 첫번째값: 위쪽, 아래쪽 패딩
• 두번째값: 왼쪽, 오른쪽 패딩
코드 분석:
```css
padding: 10px 20px;
```
• 10px: 위쪽, 아래쪽 패딩 ✓
• 20px: 왼쪽, 오른쪽 패딩 ✓
시각적 표현:
10px (위)
┌─────────┐
20px ← │ content │ → 20px
└─────────┘
10px (아래)
모든 값 개수별 적용:
• 1개: 모든 면 동일
• 2개: 위아래 / 좌우 ✓
• 3개: 위 / 좌우 / 아래
• 4개: 위 / 우 / 아래 / 좌 (시계방향)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.