최상위 문서에 설정된 스타일쉬트(CSS)를 문서의 조각에 상속하는가를 나타내는 값을 반환하거나 설정한다.
| true | 디폴트이며, 스타일쉬트가 문서의 조각에 상속된다. |
| false | 스타일쉬트가 문서의 조각에 상속되지 않는다. |
이 속성은 읽기/쓰기로 디폴트값은 true이다.
viewInheritStyle가 로 설정되었을 때 CSS 스타일이 상속될 수 있다. CSS 스타일의 상속은 현재 문서 조각에 있는 스타일 중 해당 스타일이 이미 정의되지 않은 엘레멘트에만 적용된다.
| 개체 | script | HTML | 규격 | IE |
|---|
주 문서에서 문서 조각으로 CSS 스타일 fontStyle, fontSize와 color 속성은 상속되었다.
두가지 이유로 border 속성은 상속되지 않는다. border 속성은 상속되지 않는 속성이고, 문서 조각의 div 엘레멘트에 명시적으로 설정하였기 때문이다.
div 태그에는 엘레멘트 비헤이버가 첨부된 작성자 태그(AAA:myTag)가 포함되어 있다. 주 문서의 div 태그에는 몇가지 스타일이 지정되었다
<HTML xmlns:AAA>
<HEAD>
<IMPORT namespace="AAA" implementation="../property/exp/viewInheritStyle.htc">
</HEAD>
<BODY>
<DIV style="font-style:italic;color:blue;font-size:14pt;border:2 solid blue;padding:5">
주 문서의 DIV 엘레멘트 내부 텍스트.<BR>
<AAA:myTag id=newElem>작성자 태그 내용</AAA:myTag>
</DIV>
<SCRIPT>
document.write('newElem.nodeName='+newElem.nodeName+'<BR>');
document.write('newElem.tagName='+newElem.tagName+'<BR>');
document.write('newElem.innerText='+newElem.innerText+'<BR>');
</SCRIPT>
</BODY>
</HTML>
다음은 ../property/exp/viewInheritStyle.htc 파일 HTA 내용이다.
HTA 파일에는 문서조각이 포함되어 있고 그 속에 div 태그는 다음 스타일이 적용된다.
주 문서의 div 엘레멘트 속에 작성자 태그가 포함되고 스타일이 설정되어 적용되다가 viewInheritStyle 속성이 true가 되면 조각의 스타일이 상속되어 변경된다.
<PUBLIC:component tagName="myTag">
<ATTACH event="oncontentready" onevent=init() />
</PUBLIC:component>
<SCRIPT>
function init(){
defaults.viewLink=document;
defaults.viewInheritStyle=false;
showResult();
}
function butClick(){
boolInherit = defaults.viewInheritStyle;
if (boolInherit==true) defaults.viewInheritStyle=false;
else defaults.viewInheritStyle=true;
showResult();
}
function showResult(){
showA.innerHTML='defaults.viewInheritStyle=<B>'+defaults.viewInheritStyle+'</B>';
}
</SCRIPT>
<BODY>
<DIV id="showA" style= "text-Align:center;font-size:20;border:2 solid green;padding:5"></DIV><BR>
<INPUT id=butObj type=button value="viewInheritStyle 속성 변경" onclick="butClick()">
</BODY>