bottom 애트리뷰트에 설정된 개체의 아래쪽 위치를 반환하거나 설정한다.

인수
: (속성 부동소수점수치)
스타일 속성은 bottom 애트리뷰트에 설정된 개체의 아래쪽 위치를 나타내는 부동소수점수치값이다.

속성값은 bottom 애트리뷰트에 설정된 CSS 길이단위와 같다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

이 속성은 위치 잡은 개체의 CSS bottom 애트리뷰트를 반영한다,
bottom는 위치 잡힌 개체에만 의미가 있으므로 위치가 잡히지 않은 개체에서는 반환값이 0이다. bottom 애트리뷰트가 설정되지 않았으면 posBottom 속성값은 0이다.

posBottom 속성값을 설정하면 bottom 속성값이 변경되지만, 지정된 단위는 변경되지 않는다.

bottom 속성과는 달리, posBottom 속성값은 부동소수점 수치이고 문자열이 아니다.

적용
개체scriptCSS IE 버전
참조
pixelTop pixelBottom pixelLeft pixelRight posTop posBottom posLeft posRight
top bottom left right

글자


결과 표시창

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>