최신 웹 개발 튜토리얼
 

Style outline Property

<스타일 개체

주위에 개요를 추가 <div> 요소 :

document.getElementById("myDiv").style.outline = "thick solid #0000FF";
»그것을 자신을 시도

정의 및 사용

개요 속성을 설정하거나 반환 모든 윤곽 속성, 속기 형태이다.

이 속성을 사용하면 중 하나 이상을 반환 / 설정할 수 있습니다 (순서에 상관없이) 다음 :

  • 개요 폭
  • 개요 스타일
  • 개요 컬러

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

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


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


통사론

윤곽 속성을 반환합니다 :

object .style.outline

윤곽 속성을 설정 :

object .style.outline=" 속성 값
매개 변수 기술
width 윤곽의 폭을 설정합니다
style 윤곽의 스타일을 설정합니다
color 외곽선의 색상을 설정합니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 중간 반전 없음
반환 값 : 요소의 윤곽 폭, 스타일 및 / 또는 색상을 나타내는 문자열,
CSS 버전 CSS2

더 예

a의 윤곽의 폭, 스타일과 색상 변경 <div> 요소를 :

document.getElementById("myDiv").style.outline = "5px dotted green";
»그것을 자신을 시도

a의 개요 속성 값을 돌려줍니다 <div> 요소를 :

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

관련 페이지

CSS 자습서 : CSS 개요

CSS 참조 : outline property


<스타일 개체