속성 outline-color

속성 outline-color는 공간을 차지하지 않는 외곽선의 색상을 지정합니다. 속성 값으로는 색상 단위를 사용할 수 있습니다. 기본 값: 해당 블록의 텍스트와 동일한 색상.

구문

css셀렉터 {
  outline-color: 색상;
}

예제

요소에 외곽선을 지정해 보겠습니다:

html<div id="elem"></div>
css#elem {
  outline-width: 1px;
  outline-style: solid;
  outline-color: red;
  width: 300px;
  height: 100px;
}

Результат:

참고 항목

  • 속성 outline-width,
    외곽선 두께를 지정합니다.
  • 속성 outline-style,
    외곽선 스타일을 지정합니다.
  • 속성 outline,
    외곽선에 대한 단축 속성입니다.
  • 속성 outline-offset,
    외곽선 오프셋을 지정합니다.