CSS currentColor 키워드의 동작으로 올바른 것은?

Q: CSS currentColor 키워드의 동작으로 올바른 것은?

해당 요소의 color 속성 값을 다른 속성(border, box-shadow 등)에서 재사용한다 currentColor는 해당 요소에 적용된 color 속성의 값을 참조하는 CSS 키워드입니다. border, box-shadow, SVG fill 등에 사용하면 텍스트 색상과 자동으로 동기화되어 일관성 있는 디자인을 쉽게 구현할 수 있습니다.

어려움 MDN Web Docs

보기 및 정답

A opacity 속성은 해당 요소에만 적용되고 자식 요소에는 영향을 미치지 않아 자식은 원래의 투명도를 유지한다

B 해당 요소의 color 속성 값을 다른 속성(border, box-shadow 등)에서 재사용한다

C background-blend-mode는 배경 이미지에만 적용되고 색상은 제외된다

D mix-blend-mode는 형제 요소 간에는 적용할 수 없고 부모자식만 가능하다

해설

currentColor는 해당 요소에 적용된 color 속성의 값을 참조하는 CSS 키워드입니다. border, box-shadow, SVG fill 등에 사용하면 텍스트 색상과 자동으로 동기화되어 일관성 있는 디자인을 쉽게 구현할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS currentColor 키워드의 동작으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제