다음 list-style 축약 속성 코드의 올바른 해석은? ```css ul { l... | CSS

CSS - 문제 미리보기

문제 1208

hard

다음 list-style 축약 속성 코드의 올바른 해석은? ```css ul { list-style: circle inside url("bullet.png"); } ```

A. 마커: circle, 위치: inside, 이미지: bullet.png (이미지가 우선)

B. 마커: circle, 위치: inside, 이미지: bullet.png (circle이 우선)

C. 마커: url("bullet.png"), 위치: inside, 백업: circle

D. 마커: inside, 위치: circle, 이미지: bullet.png

정답: C

list-style 축약 속성의 순서는 `list-style-type list-style-position list-style-image`입니다. 이미지가 지정되면 이미지가 주 마커로 사용되고, list-style-type(circle)은 이미지를 로드할 수 없을 때의 백업 역할을 합니다. 따라서 정상적으로는 bullet.png 이미지가 마커로 표시되고, 이미지 로딩에 실패하면 circle이 대신 표시됩니다. inside는 마커의 위치를 나타냅니다.

💡 학습 팁

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