CSS 참조 가이드

CSS @규칙(RULES)

outline-color CSS 속성은 요소의 경계선의 색상을 설정합니다. 하지만, 많은 경우에 우리는 더 자주 사용합니다.outline이 줄이고 간단한 속성입니다。

아래 표는 이 속성의 사용 설명 및 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 나타냅니다.

이 속성의 문법은 다음과 같습니다:

outline-color:　color　|　invert　|　initial　|　inherit

아래 예제는 outline을 사용하는 방법을 보여줍니다-color 속성.

예제

　　p　{
　　　outline-style:　solid;
　　　outline-color:　#ff0000;
　　}

주의:outline을 사용할 때 주의해야 합니다:-color 속성이 선언되기 전에outline-style속성. 요소가 경계선을 가지고 있어야轮廓의 색상을 설정할 수 있습니다. 왜냐하면 outline-styleproperty의 기본 값은 none입니다。

아래 표는 이 속성의 값을 설명합니다。

값	설명
color	경계선의 색상을 지정합니다. 확인하십시오CSS 색상 값가능한 색상 값 목록을 얻으려면
invert	화면의 픽셀에 대비하여 색상 반전을 수행하여 배경색이 어떤지 관계없이 경계선이 보이도록 합니다. 이는 기본 값입니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 부모 요소의 outline을 사용하는 관련 요소가 사용됩니다-color 속성 값.

outline-color 속성 브라우저의 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1.5위 Google Chrome1+ Internet Explorer 8+ Apple Safari 1.2+ Opera 7+

경고: Internet Explorer 7및 이전 버전은 이 outline을 지원하지 않습니다-color 속성. IE8이 속성을 지원하지만, 유효한<!DOCTYPE>。

다음 내용에 대한 튜토리얼을 참조하십시오:CSS轮廓，CSS 경계선。