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

Scriptobject.style.filter=[sVal]
HTML<ELEMENT style="filter:sVal;">
CSScssSelector {filter:sVal;}
인수
cssSelector : (스타일 선택자)
filter 속성을 가질수 있는 엘레멘트(ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다.

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

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

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

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

특기

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

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

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

적용
개체scriptCSS IE 버전
aa.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
acronymacronym.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
addressaddress.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
bb.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
bdobdo.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
bigbig.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
blockQuoteblockQuote.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
bodybody.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
buttonbutton.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
captioncaption.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
centercenter.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
citecite.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
codecode.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
customcustom.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
dddd.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
deldel.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
dfndfn.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
dirdir.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
divdiv.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
dldl.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
dtdt.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
emem.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
fieldSetfieldSet.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
fontfont.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
formform.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
frameframe.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
hnhn.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
iFrameiFrame.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
frameSetframeSet.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
ii.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
insins.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
imgimg.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
buttonbutton.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
checkboxcheckbox.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
FileUploadFileUpload.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
imageimage.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
passwordpassword.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
radioradio.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
resetreset.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
submitsubmit.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
texttext.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
kbdkbd.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
labellabel.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
legendlegend.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
lili.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
marqueemarquee.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
menumenu.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
noBRnoBR.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
olol.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
pp.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
plainTextplainText.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
prepre.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
qq.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
rtrt.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
rubyruby.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
ss.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
sampsamp.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
smallsmall.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
spanspan.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
strikestrike.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
strongstrong.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
subsub.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
supsup.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
tabletable.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
textAreatextArea.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
thth.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
tdtd.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
tttt.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
uu.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
ulul.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
varvar.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
xmpxmp.style.filter[=sVal]cssSelector{filter:sVal}IE5(win32,ce)
참고
filter 목록

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


style
filter 스타일속성
filter</b> 스타일속성이전페이지로페이지 맨위로페이지 맨아래로

<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>
style
filter 스타일속성
견본
이전페이지로페이지 맨위로
최종 수정:
07/11/2025 10:46:25
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/style/filter.html