CSS color 속성

정의와 사용법

color 속성은 텍스트의 색상을 규정합니다.

이 속성은 요소의 전경색을 설정합니다 (HTML 표현에서는 요소 텍스트의 색상을 의미합니다); 레이저 이미지는 color에 영향을 받지 않습니다. 이 색상은 요소의 모든 경계선에 적용됩니다. border-color 또는 다른 경계선 색상 속성에 의해 덮혀지지 않는 한.

요소의 전경색을 설정하려면 color 속성을 사용하는 것이 가장 쉽습니다.

추가로 참조:

CSS 가이드:CSS 텍스트

HTML DOM 참조 가이드:color 속성

예제

다른 요소에 텍스트 색상을 설정하려면:

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

직접 시도해 보세요

휴대와 주석

휴대적절한 배경색과 텍스트 색상을 조합하여 텍스트의 읽기 쉬움을 높일 수 있습니다.

CSS 문법

color: color|initial|inherit;

속성 값

값 설명
color_name 색상 값이 색상 이름의 색상을 나타내는 것을 규정합니다 (예: red).
hex_number 색상 값이 십육진수 값의 색상을 나타내는 것을 규정합니다 (예: #ff0000).
rgb_number 색상 값이 rgb 코드의 색상을 나타내는 것을 규정합니다 (예: rgb(255,0,0)).
inherit 부모 요소에서 색상을 상속해야 합니다.

기술 세부 사항

기본 값: 미 지정
상속성: yes
버전: CSS1
JavaScript 문법: object.style.color="#FF0000"

더 많은 예제

텍스트 색상 설정
이 예제에서는 텍스트의 색상을 설정하는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 3.0 1.0 1.0 3.5