Style outlineOffset 속성

정의와 사용법

outlineOffset 속성은 곽선을 경계선 밖으로 이동시키고 그려줍니다.

곽선과 경계선은 두 가지 면에서 다릅니다：

  1. 곽선은 공간을 차지하지 않습니다
  2. 곽선은 사각형이 아닐 수 있습니다

다른 참조도 참조하십시오：

CSS 참조 설명서：outline-offset 속성

예제

곽선 경계선을 경계선 밖으로 15 개 픽셀로 이동시킵니다：

document.getElementById("myDIV").style.outlineOffset = "15px";

직접 시도해 보세요

문법

outlineOffset 속성 반환：

object.style.outlineOffset

outlineOffset 속성 설정：

object.style.outlineOffset = "length|initial|inherit"

속성 값

값 설명
length 곽선과 경계선의 거리. 기본 값은 0입니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 0
반환 값： 문자열로, 요소의 outline-offset 속성。
CSS 버전： CSS3

브라우저 지원

표에서의 숫자는 이 특성을 최초로 완전 지원하는 브라우저 버전을 나타냅니다.

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