개체 내용 색상의 포화도, 밝기등을 역전 시킨다.

Script object.style.filter='(propVal)'
HTML <ELEMENT style="filter:(propVal)">
Invert 필터 예제(클릭)
인수
propVal : (속성 문자열)
필터가 가질 수 있는 한개 이상의 속성들로 속성=값들을 컴마(,)로 연결, 구성된 문자열이다.

애트리뷰트 속성 설명
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
특기

BasicImage 필터로 더 효율적인 효과를 낼 수 있다.

적용style
A, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, hn, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, OBJECT, P, plainText, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

DIV에서 필터 속성 예제


Invert 필터 예제
필터 표시창
<SCRIPT>
function doPlay(job){
  str='';
  if (!job) divObj.filters[0].Enabled=false;
  else divObj.filters[0].Enabled=true;
  str+='filter='+divObj.style.filter+'<BR>';
  str+='⇒ Enabled=('+divObj.filters[0].Enabled+') ';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
  style="height:100;width:400;background-color:pink;font-size:30;line-height:1.2em;font-weight:bold;color:blue;padding:9;
    filter:Invert();">
<IMG src=../../gif/rfexample.gif width=100><BR>
Invert 필터 예제
</DIV>
<BUTTON onclick="doPlay(0)" style="width:200">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(1)" style="width:200">Invert 필터 효과</BUTTON>
<DIV id=show style="width:400;height:50;border:solid 1 blue;padding:3">필터 표시창</DIV>