CheckerBoard 필터에 의해 변환에 사용되는 수평 컬럼의 갯수를 반환하거나 설정한다.

Script object.filters.item('progid:DXImageTransform.Microsoft.CheckerBoard').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.CheckerBoard(=propVal)...}
인수
propVal 값의 종류 : 정수
2   변환하는 사각의 폭은 2 픽셀이다.
~  
12 디폴트 변환하는 사각의 폭은 12 픽셀이다.
~  
읽기/쓰기 가능성
읽기/쓰기
특기
속성 값이 2 미만이면 무시되고 디폴트값 12가 적용된다.


CheckerBoard에서 SquaresX 속성 예제


CheckerBoard 필터 예제 
<SCRIPT>
function doPlay(job){
  divObj.filters[0].Enabled=true;
  divObj.style.backgroundColor='pink';
  divObj.style.color='blue';
  divObj.filters[0].Apply();
  if (!job) divObj.filters[0].Enabled=false;
  else {
    divObj.style.backgroundColor='lightgreen';
    divObj.style.color='white';
    divObj.filters[0].SquaresX=job;
    divObj.filters[0].Play();
  }
}
</SCRIPT>
<STYLE>
.butClass{width:100}
</STYLE>

<DIV id="divObj"
  style="width:600;height:100;background-color:pink;color:blue;font-size:30;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.CheckerBoard(Duration=5,Direction=right);">
<IMG src=../../gif/rfexample.gif width=100><BR>
CheckerBoard 필터 예제
</DIV>
<BUTTON onclick="doPlay(0)" class="butClass">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(2)" class="butClass">SquaresX=2</BUTTON>
<BUTTON onclick="doPlay(4)" class="butClass">SquaresX=4</BUTTON>
<BUTTON onclick="doPlay(6)" class="butClass">SquaresX=6</BUTTON>
<BUTTON onclick="doPlay(12)" class="butClass">디폴트</BUTTON>
<BUTTON onclick="doPlay(20)" class="butClass">SquaresX=20</BUTTON>