CSS - 문제 미리보기
문제 1099
medium
다음 코드의 결과로 나타나는 테두리는?
```css
.special-box {
border-style: dotted dashed solid double;
}
```
정답: B
`border-style`에 4개의 값을 제공하면 각각 시계방향으로 적용됩니다.
4개 값의 적용 순서:
```css
border-style: 위 오른쪽 아래 왼쪽;
```
코드 분석:
```css
border-style: dotted dashed solid double;
```
• dotted: 위쪽 테두리 (점선)
• dashed: 오른쪽 테두리 (대시선)
• solid: 아래쪽 테두리 (실선)
• double: 왼쪽 테두리 (이중선)
다른 값 개수별 적용:
• 1개: 모든 면에 동일하게
• 2개: 위아래 / 좌우
• 3개: 위 / 좌우 / 아래
• 4개: 위 / 오른쪽 / 아래 / 왼쪽
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.