최신 웹 개발 튜토리얼
 

Style outlineWidth Property

<스타일 개체

a의 윤곽의 폭 변경 <div> 요소를 :

document.getElementById("myDiv").style.outlineWidth = "10px";
»그것을 자신을 시도

정의 및 사용

outlineWidth 속성 집합 또는 요소 주위의 윤곽의 폭을 돌려줍니다.

개요는 요소 주위의 라인입니다. 이것은 요소의 여백 주위에 표시됩니다. 그러나, border 속성 다릅니다.

개요 따라서, 소자의 폭과 높이 특성 윤곽의 폭을 포함하지 않는, 소자의 크기의 일부가 아니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

outlineWidth 속성은 모든 주요 브라우저에서 지원됩니다.

Note: outlineWidth 속성은 IE7에서 지원 및 이전되지 않습니다. IE8은!의 DOCTYPE을 필요로한다. IE9 이상을 지원합니다.


통사론

outlineWidth 속성을 반환합니다 :

object .style.outlineWidth

outlineWidth 속성을 설정 :

object .style.outlineWidth="thin|medium|thick| 속성 값
기술
thin 얇은 윤곽을 정의
medium 중간 윤곽을 정의합니다. 이 기본이다
thick 두꺼운 윤곽을 정의
length 길이 단위 윤곽의 폭
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 매질
반환 값 : 요소의 윤곽의 폭을 나타내는 문자열
CSS 버전 CSS2

더 예

(A)의 윤곽의 폭을 변경 <div> 은 USING, 요소 "thick" 값 :

document.getElementById("myDiv").style.outlineWidth = "thick";
»그것을 자신을 시도

a의 윤곽의 폭을 돌려줍니다 <div> 요소를 :

alert(document.getElementById("myDiv").style.outlineWidth);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 개요

CSS 참조 : outline property

HTML DOM 참조 : outline property


<스타일 개체