color 속성
속성 color는 텍스트의
색상을 설정합니다. 속성 값은 색상 단위를 사용합니다. 기본값은
일반적으로 검정색입니다.
구문
선택자 {
color: 색상;
}
예제
요소에 빨간색을 지정해 봅시다:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
color: red;
}
:
예제
속성 color는 텍스트뿐만 아니라
목록 마커의 색상도 지정합니다:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li {
color: red;
}
:
예제
속성 color는 또한 테두리 색상도 지정합니다
(border-color에서 지정되지 않은 경우):
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
color: red;
border-style: solid;
border-width: 2px;
}
:
