개체의 내용을 수직으로 뒤집어 표현한다.

Script object.style.filter='(propVal)'
HTML <ELEMENT style="filter:(propVal)">
FlipV 필터 예제(클릭)
인수
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, HR, 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에서 필터 속성 예제

와 문자열
<DIV> 밖의 <TD> 다른 내용
다른 <TD>
필터 표시창
<STYLE>
.butClass{width:100}
</STYLE>
<SCRIPT>
function showit(job){
  if(job==0){
    tbObj.filters[0].Enabled=false;
    tdObj.filters[0].Enabled=false;
    divObj.filters[0].Enabled=false;
    imgObj.filters[0].Enabled=false;
  } else if(job==1) change(tbObj);
  else if(job==3) change(tdObj);
  else if(job==4) change(divObj);
  else if(job==5) change(imgObj);

  str='';
  str+='tbObj.style.filter=Flip('+tbObj.filters[0].Enabled+')<BR>';
  str+='tdObj.style.filter=Flip('+tdObj.filters[0].Enabled+')<BR>';
  str+='divObj.style.filter=Flip('+divObj.filters[0].Enabled+')<BR>';
  str+='imgObj.style.filter=Flip('+imgObj.filters[0].Enabled+')<BR>';
  show.innerHTML=str;
}

function change(obj){
  if(obj.filters[0].Enabled) obj.filters[0].Enabled=false
  else obj.filters[0].Enabled=true
}
</SCRIPT>

<TABLE id=tbObj border=1 cellpadding=5 cellspacing=5 width=500 style="filter:FlipV(enabled=false)">
<TR>
<TD id=tdObj style="filter:FlipV(enabled=false);" bgcolor=aaaaff>
<DIV id="divObj" style="filter:FlipV(enabled=false);
 background:ffa;font-size:40;width:400;line-height:1.2em;font-weight:bold;color:blue;">
<IMG src="http://trio.co.kr/gif/triov.jpg" id="imgObj" style="filter:FlipV(enabled=false)">와 문자열</DIV>
<DIV> 밖의 <TD> 다른 내용</TD>
<TD bgcolor=aaffaa>다른 <TD></TD>
</TR>
</TABLE>

<BUTTON onClick="showit(0)" class="butClass">정상</BUTTON>
<BUTTON onClick="showit(1)" class="butClass">Table</BUTTON>
<BUTTON onClick="showit(3)" class="butClass">TD</BUTTON>
<BUTTON onClick="showit(4)" class="butClass">DIV</BUTTON>
<BUTTON onClick="showit(5)" class="butClass">IMG</BUTTON>
<DIV id=show style="width:500;height:85;border:solid 1 blue;padding:3">필터 표시창</DIV>