outline

요소의 아웃라인을 지정합니다. 아웃라인은 보더와 달리 박스 위에 그려지므로 박스의 크기에 포함되지 않습니다. outline-color, outline-style, outline-width를 한 번에 지정하는 단축형 프로퍼티입니다.

CSS Level

CSS 2, CSS 3

상속

아니오

사용법

outline: #00ff00 dotted thick;

object.style.outline = "#0000ff dotted thin"

속성

<outline-color> <outline-style> <outline-width>

아웃라인을 지정합니다.

outline-offset

아웃라인의 기본 위치인 보더로부터 떨어진 옵셋 거리를 지정합니다.

CSS Level

CSS 3

상속

아니오

기본값

0

사용법

outline-offset: 15px;

object.style.outlineOffset = "15px"

속성

<length>

옵셋 거리를 지정합니다.

outline-color

아웃라인의 색상을 지정합니다.

CSS Level

CSS 2, CSS 3

상속

아니오

기본값

invert

사용법

outline-color: #00ff00;

object.style.outlineColor = "#00ff00"

속성

<color>

색상을 지정합니다.

invert

화면상의 색상과 대비되는 색상으로 지정합니다.

outline-style

아웃라인의 스타일을 지정합니다.

CSS Level

CSS 2, CSS 3

상속

아니오

기본값

none

사용법

outline-style: dotted;

object.style.outlineStyle = "dotted"

속성

auto

CSS 3. 웹브라우저가 자동으로 결정합니다.

<border-style>

아웃라인의 스타일을 지정합니다.

outline-width

아웃라인의 두께를 지정합니다.

CSS Level

CSS 2, CSS 3

상속

아니오

기본값

medium

사용법

outline-width: 5px;

object.style.outlineWidth = "thin"

속성

<border-width>

thin, medium, thick, 또는 길이 단위로 지정합니다.