변환하여 새로운 내용을 만드는 방식을 반환하거나 설정한다.

Script object.filters.item('progid:DXImageTransform.Microsoft.Stretch').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.Stretch(=propVal)...}
인수
propVal 값의 종류 : 문자열
HIDE   새로운 이미지를 왼쪽에서 오른쪽으로 잡아 늘리는 동안 원본 이미지는 감춰진다.
PUSH   새로운 이미지를 왼쪽에서 오른쪽으로 잡아 늘리는 동안 원본 이미지도 오른쪽으로 오그러 들면서 밀려난다.
SPIN 디폴트 새로운 이미지가 가운데서 늘어나서 좌우로 확장된다.
읽기/쓰기 가능성
읽기/쓰기


Stretch에서 StretchStyle 속성 예제

<SCRIPT>
strA='<IMG src=../../gif/rfexample.gif width=100><BR>원본 이미지';
strB='<IMG src=../../gif/rfexample.gif width=100><BR>Stretch 필터 예제에 의한 새 이미지<BR>'+
  '<IMG src=../../gif/rfexample.gif width=100>';
function doPlay(job){
  divObj.innerHTML=strA;
  divObj.style.backgroundColor='pink';
  divObj.filters[0].Apply();
  divObj.filters[0].Enabled=true;
  if (!job) divObj.filters[0].Enabled=false;
  else{
    divObj.filters[0].StretchStyle=job;
    divObj.style.backgroundColor='lightgreen';
    divObj.innerHTML=strB;
    divObj.filters[0].Play();
  }
}
</SCRIPT>

<DIV id="divObj"
  style="width:600;height:120;background-color:pink;color:blue;font-size:20;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.Stretch(StretchStyle='PUSH',Duration=5);">
<SCRIPT>document.write(strA)</SCRIPT></DIV>
<BUTTON onclick="doPlay(0)" style="width:150">정상 이미지</BUTTON>
<BUTTON onclick="doPlay('HIDE')" style="width:150">HIDE</BUTTON>
<BUTTON onclick="doPlay('PUSH')" style="width:150">PUSH</BUTTON>
<BUTTON onclick="doPlay('SPIN')" style="width:150">SPIN</BUTTON>