CSS - 문제 미리보기
문제 1384
medium
다음 코드에서 div의 그림자와 테두리 색상은?
```css
body {
color: green;
}
div {
color: red;
box-shadow: 0px 0px 10px currentcolor;
border: 3px solid currentcolor;
}
```
정답: B
• `currentcolor`는 해당 요소의 직접적인 `color` 속성값을 참조합니다
• currentcolor의 참조 규칙:
• 자신의 `color` 속성값을 우선 참조
• 자신에게 `color`가 없으면 상속받은 값 사용
• 상속 체인을 따라 올라가며 검색
• 이 예시의 단계별 분석:
1. `body`의 `color: green` 설정
2. `div`의 `color: red` 설정 (body 값 덮어씀)
3. `div`의 `currentcolor` = `red` (자신의 color 값)
4. 결과: 빨간색 그림자와 빨간색 테두리
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.