CSS 프로파일 오프셋

CSS 프로파일 오프셋

outline-offset 속성은 요소의 외곽선과 경계선 간의 공간을 추가합니다. 외곽선과 요소 간의 공간은 투명합니다.

다음 예제에서는 경계선 밖 25px의 외곽선을 지정합니다:

이 문단의 경계선 밖에는 25px의 외곽선이 있습니다.

예제

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

직접 시험해 보세요

다음 예제에서는 요소와 외곽선 간의 공간이 투명하다는 것을 보여줍니다:

이 구절의 경계선 밖의 외곽선은 25px입니다.

예제

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

직접 시험해 보세요

모든 CSS 곽선 속성

속성 설명
outline 간략 속성, outline-width, outline-style 및 outline-color를 하나의 선언으로 설정합니다.
outline-color 곽선의 색상을 설정합니다.
outline-offset 곽선과 요소의 경계나 테두리 사이의 공간을 지정합니다.
outline-style 곽선의 스타일을 설정합니다.
outline-width 곽선의 너비를 설정합니다.