CSS - 문제 미리보기
문제 1405
medium
다음 코드에서 빈칸에 들어갈 키워드는 무엇인가요?
```css
div {
box-shadow: 10px 10px 5px lightblue _____;
}
```
이 코드는 그림자를 요소 바깥쪽이 아닌 안쪽에 표시하려고 합니다.
정답: C
• `inset` 키워드는 그림자를 외부 그림자에서 내부 그림자로 변경합니다
• 기본적으로 `box-shadow`는 외부 그림자(outset)를 만듭니다
• `inset`을 추가하면 그림자가 요소 내부로 들어가 움푹 패인 효과를 만듭니다
• 내부 그림자 효과의 활용:
• 버튼의 눌린(pressed) 상태 표현
• 입력 필드의 움푹 패인 느낌 연출
• 카드의 내부 공간감 표현
• `inset`은 다른 값들의 앞이나 뒤 어디에나 위치할 수 있습니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.