Style outlineWidth 속성

정의와 사용법

outlineWidth 요소 주위 테두리 너비를 설정하거나 반환합니다.

테두리는 요소 주위의 선입니다. 그것은 요소의 마argins 주위에 표시됩니다. 그러나, 그것은 border 속성과 다릅니다.

테두리는 요소 크기의 일부가 아니므로, 요소의 너비와 높이 속성에는 테두리 너비가 포함되지 않습니다。

다른 참조 사항:

CSS 강의서：CSS輪郭

CSS 참조 설명서：outline 속성

HTML DOM 참조 설명서：outline 속성

예제

예제 1

<div> 요소 테두리 너비 변경：

document.getElementById("myDiv").style.outlineWidth = "10px";

직접 시도해 보세요

예제 2

"thick" 값으로 <div> 요소 테두리 너비 변경：

document.getElementById("myDiv").style.outlineWidth = "thick";

직접 시도해 보세요

예제 3

<div> 요소 테두리 너비 반환：

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

직접 시도해 보세요

문법

outlineWidth 속성 반환：

object.style.outlineWidth

outlineWidth 속성 설정：

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

속성 값

값 설명
thin 细细한 테두리를 정의합니다。
medium 중간 테두리를 정의합니다. 기본값.
thick 둥근 테두리를 정의합니다。
length 길이 단위로 계산되는 테두리 너비。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： medium
반환 값： 문자열로, 요소 테두리 너비를 나타냅니다。
CSS 버전： CSS2

브라우저 지원

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