Style color 속성

정의와 사용법

color 텍스트의 색상을 설정하거나 반환합니다.

다른 참조:

CSS 강의:CSS 텍스트

CSS 참조 매뉴얼:color 속성

인스턴스

예제 1

다른 요소의 텍스트 색상을 설정합니다:

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

직접 테스트해 보세요

예제 2

<p> 요소의 텍스트 색상을 반환합니다:

alert(document.getElementById("myP").style.color);

직접 테스트해 보세요

문법

color 속성 반환:

object.style.color

color 속성 설정:

object.style.color = "color|initial|inherit"

속성 값

값 설명
color

텍스트의 색상을 정의합니다.

보기: CSS 색상 값가능한 색상 값의 전체 목록을 확인하세요.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: 지정되지 않음
반환 값: 문자열, 요소의 텍스트 색상을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원