<STYLE>
.butClass{width:72;}
.strClass{width:100;border:solid 1;background-color:pink;font-size:30;line-height:1.2em;font-weight:bold;padding:4;margin:3;}
</STYLE>
<SCRIPT>
function showit(color){
  divObj.filters.item(0).color=color;
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='⇒ divObj.filters(0).color=('+divObj.filters(0).color+'), backgroundColor=(pink), ';
  str+='color=('+divObj.filters(0).color+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
  style="width:400;height:60;filter:progid:DXImageTransform.Microsoft.Chroma(color=white)">
<SPAN class=strClass style="color:blue;">청색글자</SPAN>
<SPAN class=strClass style="color:yellow;">노랑글자</SPAN>
<SPAN class=strClass style="color:green;">녹색글자</SPAN>
<SPAN class=strClass style="color:gray;">회색글자</SPAN><BR>
<SPAN class=strClass style="color:white;">백색글자</SPAN>
<SPAN class=strClass style="color:black;">검정글자</SPAN>
<SPAN class=strClass style="color:red;">적색글자</SPAN>
<SPAN class=strClass style="color:pink;">핑크글자</SPAN>
</DIV>

<BUTTON onclick="showit('blue')" class="butClass">청색</BUTTON>
<BUTTON onclick="showit('yellow')" class="butClass">노랑</BUTTON>
<BUTTON onclick="showit('green')" class="butClass">녹색</BUTTON>
<BUTTON onclick="showit('gray')" class="butClass">회색</BUTTON>
<BUTTON onclick="showit('white')" class="butClass">백색</BUTTON>
<BUTTON onclick="showit('black')" class="butClass">검정</BUTTON>
<BUTTON onclick="showit('red')" class="butClass">벅색</BUTTON>
<BUTTON onclick="showit('pink')" class="butClass">핑크</BUTTON>
<DIV id=show style="width:576;height:50;border:solid 1 blue;padding:3;font-size:11pt">필터 표시창</DIV>