CSS - 문제 미리보기
문제 1393
medium
방사형 그라데이션의 크기를 제어하는 키워드 중에서 가장 가까운 모서리까지의 거리를 기준으로 하는 것은?
```css
.size-controlled {
background-image: radial-gradient(circle _____ at center, red, blue);
}
```
```css
.size-controlled {
background-image: radial-gradient(circle _____ at center, red, blue);
}
```
정답: B
• `closest-corner`는 중심에서 가장 가까운 모서리까지의 거리를 그라데이션 크기로 설정합니다
• 크기 키워드들의 상세 설명:
`closest-side`:
• 중심에서 가장 가까운 **변(side)**까지의 거리
• 그라데이션이 상대적으로 작게 나타남
`closest-corner`:
• 중심에서 가장 가까운 **모서리(corner)**까지의 거리
• `closest-side`보다 큰 크기
`farthest-side`:
• 중심에서 가장 먼 변까지의 거리
• 중간 크기의 그라데이션
`farthest-corner` (기본값):
• 중심에서 가장 먼 모서리까지의 거리
• 가장 큰 크기의 그라데이션
• 크기 키워드들의 상세 설명:
`closest-side`:
• 중심에서 가장 가까운 **변(side)**까지의 거리
• 그라데이션이 상대적으로 작게 나타남
`closest-corner`:
• 중심에서 가장 가까운 **모서리(corner)**까지의 거리
• `closest-side`보다 큰 크기
`farthest-side`:
• 중심에서 가장 먼 변까지의 거리
• 중간 크기의 그라데이션
`farthest-corner` (기본값):
• 중심에서 가장 먼 모서리까지의 거리
• 가장 큰 크기의 그라데이션
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.