CSS - 문제 미리보기

문제 1099

medium
다음 코드의 결과로 나타나는 테두리는? ```css .special-box { border-style: dotted dashed solid double; } ```
A. 모든 면이 실선
B. 위쪽 점선, 오른쪽 대시선, 아래쪽 실선, 왼쪽 이중선
C. 모든 면이 점선
D. 위아래 점선, 좌우 대시선

정답: B

`border-style`에 4개의 값을 제공하면 각각 시계방향으로 적용됩니다. 4개 값의 적용 순서: ```css border-style: 위 오른쪽 아래 왼쪽; ``` 코드 분석: ```css border-style: dotted dashed solid double; ``` • dotted: 위쪽 테두리 (점선) • dashed: 오른쪽 테두리 (대시선) • solid: 아래쪽 테두리 (실선) • double: 왼쪽 테두리 (이중선) 다른 값 개수별 적용: • 1개: 모든 면에 동일하게 • 2개: 위아래 / 좌우 • 3개: 위 / 좌우 / 아래 • 4개: 위 / 오른쪽 / 아래 / 왼쪽

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.