글자

posLeft-=10 posLeft-=5 posLeft+=5 posLeft+=10
posBottom-=10 posBottom-=5 posBottom+=5 posBottom+=10

결과 표시창

posBottom 속성으로 img 개체의 위치를 사용자 지역에서 지정한다.

<STYLE>button {width:120}</STYLE>
<DIV style="border:solid 1 blue;background:ffa;color:blue;padding:5;width:480;height:100">
<IMG id=divObj src=../../gif/rfsample.gif style=position:relative;> 글자</DIV>
<SCRIPT>
function doLeftSet(leng){
  divObj.style.posLeft+=leng;
  str='divObj.style.posLeft='+divObj.style.posLeft+'<BR>';
  str+='divObj.style.posBottom='+divObj.style.posBottom;
  showA.innerHTML=str;
}
function doBottomSet(leng){
  divObj.style.posBottom+=leng;
  str='divObj.style.posLeft='+divObj.style.posLeft+'<BR>';
  str+='divObj.style.posBottom='+divObj.style.posBottom;
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick="doLeftSet(-10)">posLeft-=10</BUTTON>
<BUTTON onclick="doLeftSet(-5)">posLeft-=5</BUTTON>
<BUTTON onclick="doLeftSet(+5)">posLeft+=5</BUTTON>
<BUTTON onclick="doLeftSet(+10)">posLeft+=10</BUTTON><BR>

<BUTTON onclick="doBottomSet(-10)">posBottom-=10</BUTTON>
<BUTTON onclick="doBottomSet(-5)">posBottom-=5</BUTTON>
<BUTTON onclick="doBottomSet(+5)">posBottom+=5</BUTTON>
<BUTTON onclick="doBottomSet(+10)">posBottom+=10</BUTTON><BR>
<DIV id=showA>결과 표시창</DIV>