예
추가 "solid" 전세계 거의 윤곽을 <div> 요소 :
document.getElementById("myDiv").style.outlineStyle = "solid"; »그것을 자신을 시도 정의 및 사용
outlineStyle의 속성 집합 또는 요소 주위의 윤곽의 스타일을 반환합니다.
개요는 요소 주위의 라인입니다. 이것은 요소의 여백 주위에 표시됩니다. 그러나, border 속성 다릅니다.
개요 따라서, 소자의 폭과 높이 특성 윤곽의 폭을 포함하지 않는, 소자의 크기의 일부가 아니다.
브라우저 지원
outlineStyle 속성은 모든 주요 브라우저에서 지원됩니다.
Note: outlineStyle 속성은 IE7에서 지원 및 이전되지 않습니다. IE8은!의 DOCTYPE을 필요로한다. IE9 이상을 지원합니다.
통사론
outlineStyle 속성을 반환합니다 :
object .style.outlineStyle
outlineStyle 속성을 설정 :
object .style.outlineStyle= value 속성 값
| 값 | 기술 |
|---|---|
| none | 외곽선을 정의합니다. 이 기본이다 |
| hidden | 개요는 꺼져 |
| dotted | 점선 윤곽을 정의 |
| dashed | 점선 윤곽을 정의합니다 |
| solid | 고체 윤곽을 정의 |
| double | 이중 윤곽선을 정의 |
| groove | 3 차원 홈 윤곽을 정의합니다. 효과는 윤곽 색상 값에 따라 달라집니다 |
| ridge | 3 차원 산마루 윤곽을 정의합니다. 효과는 윤곽 색상 값에 따라 달라집니다 |
| inset | 3 차원 삽입 개요를 정의합니다. 효과는 윤곽 색상 값에 따라 달라집니다 |
| outset | 3 차원 초기 개요를 정의합니다. 효과는 윤곽 색상 값에 따라 달라집니다 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 없음 |
|---|---|
| 반환 값 : | 요소의 윤곽의 스타일을 나타내는 문자열 |
| CSS 버전 | CSS2 |
더 예
예
a의 개요 스타일 변경 <div> 요소를 :
document.getElementById("myDiv").style.outlineStyle = "solid";
»그것을 자신을 시도 예
a의 개요 스타일 돌려줍니다 <div> 요소를 :
alert(document.getElementById("myDiv").style.outlineStyle); »그것을 자신을 시도 예
모든 다른 값의 데모 :
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 개요
CSS 참조 : outline-style property
HTML DOM 참조 : outline property
<스타일 개체