CSS 개요 오프셋 속성
예시
테두리 가장자리 외부 15픽셀에 4픽셀의 빨간색 실선 윤곽선 지정:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
정의 및 사용
이 outline-offset
속성은 윤곽선과 요소의 가장자리 또는 테두리 사이에 공간을 추가합니다.
요소와 윤곽선 사이의 공간은 투명합니다.
윤곽선은 세 가지 면에서 경계선과 다릅니다.
- 윤곽선은 테두리 가장자리 외부의 요소 주위에 그려진 선입니다.
- 개요는 공간을 차지하지 않습니다.
- 윤곽선은 직사각형이 아닐 수 있습니다.
기본값: | 0 |
---|---|
상속: | 아니요 |
애니메이션 가능: | 예, 개별 속성을 참조하십시오 . 애니메이션 가능 에 대해 읽기 |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.outlineOffset="15px" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS 구문
outline-offset: length|initial|inherit;
속성 값
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 사용자 인터페이스
HTML DOM 참조: outlineOffset 속성