CSS - 문제 미리보기

문제 1107

medium
`border-color` 속성을 설정하지 않으면 어떻게 됩니까?
A. 테두리가 검은색이 된다
B. 테두리가 투명해진다
C. 해당 요소의 텍스트 색상을 상속받는다
D. 테두리가 표시되지 않는다

정답: C

`border-color`를 명시적으로 설정하지 않으면 요소의 color 속성 값을 자동으로 상속받습니다. 상속 동작의 예시: ```css .text-box { color: blue; /* 텍스트 색상 파란색 */ border-style: solid; border-width: 2px; /* border-color를 설정하지 않음 */ } /* 결과: 테두리도 파란색이 됨 */ ``` 왜 이런 동작을 할까요? • 일관성: 텍스트와 테두리가 같은 색상으로 조화 • 편의성: 매번 색상을 중복 설정할 필요 없음 • 유지보수: 텍스트 색상만 변경해도 테두리도 함께 변경 명시적 설정 예시: ```css .custom-box { color: black; /* 텍스트는 검은색 */ border-style: solid; border-color: red; /* 테두리는 빨간색 */ } ``` 이런 기본 동작을 이해하면 더 효율적인 CSS를 작성할 수 있습니다.

💡 학습 팁

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