개체에 적용된 필터(filter)나 필터들의 컬렉션(filters)을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체에 적용된 필터(filter)나 필터들의 컬렉션(filters)을 나타내는 문자열이다.

filtertype1 (parameter1, parameter2,...) 등록된 필터이다.
filtertype2 (parameter1, parameter2,...) 등록된 필터이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

필트가 표현되기 위해서는 개체는 배치(layout)를 가져여 한다. 배치를 갖게하기 위한 간단한 방법은 엘레멘트에 height 혹은/과 width 속성을 설정하는 것이다. 다른 방식으로 엘레멘트가 배치를 갖게하는 방법들이 있다. 추가적인 정보는 hasLayout 속성을 참조하라.

예를들어 이미지 모체 개체에 필터를 설정하므로서 img 개체에 Shadow 필터를 적용할 수 있다.

이 속성은 Macintosh 플랫크폼에서는 지원되지 않는다.

적용
개체scriptCSS IE 버전
참고
filter 목록

이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.



<IMG id="imgObj" src="../../gif/flower.jpg" style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=150)
  progid:DXImageTransform.Microsoft.BasicImage(mirror=2)" width="300px" border="0">
<BR>
<SCRIPT>
str='imgObj.filters.length='+imgObj.filters.length+'<BR>';
str+=imgObj.style.filter+'<BR>';
document.write(str)
</SCRIPT>

이미지를 클릭해보라.

<SCRIPT>
function doFilter(){
  filterFrom.filters.item(0).Apply();
  filterFrom.filters.item(0).Transition=12;
  imgOne.style.visibility='hidden';
  filterTo.style.visibility='';
  filterFrom.filters.item(0).play(10);
}
</SCRIPT>
<DIV id="filterFrom" onClick="doFilter()" style="position:absolute;width:300px;height:225px;filter:revealTrans()">
<IMG id="imgOne" style="position:absolute;width:300" src="../../gif/flower1.jpg">
<DIV id="filterTo" style="position:absolute;background:white;visibility:hidden;"></DIV>
</DIV>
<BUTTON style="position:relative"
  onclick="imgOne.style.visibility='';filterTo.style.visibility='hidden';doFilter()">다시 시작</BUTTON>