outline 스타일 속성

정의 및 사용법

outline 속성을 간단한 형식으로 설정하거나 모든 경계 속성을 반환합니다.

이 속성을 통해 다음 중 하나 이상을 설정하거나 반환할 수 있습니다.:

경계는 요소 주위의 선입니다. 그것은 요소의 마진 주위에 표시됩니다. 그러나, 그것은 border 속성 다릅니다.

경계는 요소의 크기의 일부가 아니므로, 요소의 너비 및 높이 속성에는 경계의 너비가 포함되지 않습니다.

추가 참조하십시오：

CSS 강의：CSS 경계선

CSS 참조 매뉴얼：outline 속성

예제

예제 1

<div> 요소 주위에 경계를 추가합니다：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

직접 시도해 보세요

예제 2

<div> 요소의 경계 너비, 스타일 및 색상을 변경합니다：

document.getElementById("myDiv").style.outline = "5px dotted green";

직접 시도해 보세요

예제 3

반환 <div> 요소의 outline 속성 값：

alert(document.getElementById("myDiv").style.outline);

직접 시도해 보세요

문법

outline 속성 반환：

object.style.outline

outline 속성 설정：

object.style.outline = "width style color|initial|inherit"

속성 값

값 설명
width 경계의 너비를 설정합니다.
style 경계의 스타일을 설정합니다.
color 경계의 색상을 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： medium none invert
반환 값： 문자열로, 요소의 경계 너비, 스타일 및 / 또는 색상을 나타냅니다.
CSS 버전： CSS2

브라우저 지원

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