color 속성

속성 color는 텍스트의 색상을 설정합니다. 속성 값은 색상 단위를 사용합니다. 기본값은 일반적으로 검정색입니다.

구문

css선택자 {
  color: 색상;
}

요소에 빨간색을 지정해 봅시다:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
}

Результат:

속성 color는 텍스트뿐만 아니라 목록 마커의 색상도 지정합니다:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssli {
  color: red;
}

Результат:

속성 color는 또한 테두리 색상도 지정합니다 (border-color에서 지정되지 않은 경우):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
  border-style: solid;
  border-width: 2px;
}

Результат: