CSS 외곽선 오프셋 속성

정의와 사용법

outline-offset 속성은 outline를 이동시키고 경계선边缘에서 그립니다.

outline는 경계선과 두 가지 면에서 다릅니다:

  • outline는 공간을 차지하지 않습니다
  • outline는 비사각형일 수 있습니다

추가로 참조:

CSS 강의:CSS 사용자 인터페이스

HTML DOM 참조 매뉴얼:outlineOffset 속성

예제

경계선 바깥 15픽셀处的 outline를 정의합니다:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

직접 시도해 보세요

CSS 문법

outline-offset: length|inherit;

속성 값

값 설명
length outline와 경계선의 거리.
inherit outline-offset 속성의 값을 부모 요소에서 상속해야 합니다.

기술 세부 사항

기본 값: 0
상속성: no
버전: CSS3
JavaScript 문법: object.style.outlineOffset="15px"

브라우저 지원

표中的 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
4.0 15.0 3.5 3.1 10.5