Style outlineColor 속성

정의와 사용법

outlineColor 속성을 설정하거나 반환하여 요소 주위의 곽선 색상을 지정합니다.

곽선은 요소 주위를 둘러싼 선입니다. 그것은 요소의 마진 주위에 표시됩니다. 하지만, 그것은 border 속성 다릅니다.

곽선은 요소의 크기의 일부가 아니므로, 요소의 너비와 높이 속성에는 곽선의 너비가 포함되지 않습니다。

다른 참조도 보세요：

CSS 강의：CSS 경계선

CSS 참조 가이드：outline-color 속성

HTML DOM 참조 가이드：곽선 속성

예제

예제 1

<div> 요소의 곽선 색상 변경：

document.getElementById("myDiv").style.outlineColor = "#00ff00";

직접 시도해 보세요

예제 2

<div> 요소의 테두리 색상 반환：

alert(document.getElementById("myDiv").style.outlineColor);

직접 시도해 보세요

문법

outlineColor 속성 반환：

object.style.outlineColor

outlineColor 속성 설정：

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

속성 값

값 설명
color

곽선의 색상을 정의합니다。

보기 CSS 색상 값가능한 색상 값의 전체 목록을 확인하십시오。
invert 곽선의 색상을 반대 값으로 반전합니다. 기본값.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： invert
반환 값： 문자열로, 요소 외곽의 색상을 나타냅니다。
CSS 버전： CSS2

브라우저가 지원

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