개체의 내용을 회색(grayscale)값을 사용하여 음각으로 조각한 모양(embosse)으로 표현한다.

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

progid:DXImageTransform.Microsoft. 부분은 생략이 불가능하다.


애트리뷰트 속성 설명
Bias Bias 필터 결과 이미지의 각 색상에 더해지는 백분율값을 반환하거나 설정한다.
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
특기
적용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, FRAMESET, 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, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

DIV에서 필터 속성 예제

와 문자열
필터 표시창
<STYLE>.butClass{width:120;background:afa;color:blue;padding-top:4}</STYLE>
<SCRIPT>
function doPlay(obj,job,bias){
  HEnabled=divObj.filters[0].Enabled;
  HBias=divObj.filters[0].Bias;
  divObj.filters[0].Enabled=job;
  divObj.filters[0].Bias=bias;

  if (divObj.filters(0).enabled){
    divObj.filters(0).enabled=false;
  } else {
    divObj.filters(0).enabled=true;
  }
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='divObj.filters[0].Enabled=('+HEnabled+')  ⇒ ('+divObj.filters.item(0).Enabled+')<BR>';
  str+='divObj.filters[0].Bias=('+HBias+')  ⇒ ('+divObj.filters.item(0).Bias+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj" style="position:absolute;left:200;font-size:80;line-height:1.2em;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.emboss(enabled=false)" ><IMG src='http://trio.co.kr/gif/triov.jpg'>와 문자열
</DIV>
<DIV style=height:100;></DIV>
<BUTTON onclick="doPlay(this,true,0)" class="butClass">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(this,false,1)" class="butClass">필터 Bias=1</BUTTON>
<BUTTON onclick="doPlay(this,false,.7)" class="butClass">필터 디폴트</BUTTON>
<BUTTON onclick="doPlay(this,false,.5)" class="butClass">필터 Bias=0.5</BUTTON>
<BUTTON onclick="doPlay(this,false,.3)" class="butClass">필터 Bias=0.3</BUTTON>
<DIV id=show style="width:600;height:70;border:solid 1 blue;padding:3">필터 표시창</DIV>