CSS - 문제 미리보기

문제 1110

easy
다음 두 코드는 동일한 결과를 만듭니다. 빈칸에 들어갈 값은?
```css
/* 코드 A - 개별 속성 */
.box {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}

/* 코드 B - 단축 속성 */
.box {
border-style: ______;
}
```
A. dotted solid dotted solid
B. solid dotted solid dotted
C. dotted solid
D. solid dotted

정답: C

개별 속성을 단축 속성으로 변환할 때는 패턴을 파악하는 것이 중요합니다.

개별 속성 분석:
• 위쪽(top): dotted
• 오른쪽(right): solid
• 아래쪽(bottom): dotted
• 왼쪽(left): solid

패턴 발견:
• 위쪽 = 아래쪽 (dotted)
• 오른쪽 = 왼쪽 (solid)

단축 속성 규칙: 2개 값을 사용하면 `첫번째값(위아래) 두번째값(좌우)`
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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