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

	Script	object.style.posBottom=[fpVal]
	HTML	없음
	CSS	없음

인수

fpVal : (속성 부동소수점수치)

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

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

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

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

특기

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

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

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

적용

개체	script	CSS	IE 버전
a	a.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
acronym	acronym.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
address	address.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
applet	applet.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
b	b.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
base	base.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
baseFont	baseFont.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
big	big.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
blockQuote	blockQuote.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
body	body.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
button	button.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
caption	caption.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
center	center.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
cite	cite.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
code	code.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
col	col.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
colGroup	colGroup.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
comment	comment.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
custom	custom.style.posBottom[=fpVal]	없음	IE5(win32,unix)
dd	dd.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
defaults	defaults.style.posBottom[=fpVal]	없음	IE5.5(win32)
del	del.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
dfn	dfn.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
dir	dir.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
div	div.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
dl	dl.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
dt	dt.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
em	em.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
embed	embed.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
fieldSet	fieldSet.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
font	font.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
form	form.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
frame	frame.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
frameSet	frameSet.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
head	head.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
hn	hn.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
hr	hr.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
i	i.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
iFrame	iFrame.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
img	img.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
button	button.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
checkbox	checkbox.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
FileUpload	FileUpload.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
image	image.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
password	password.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
radio	radio.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
reset	reset.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
submit	submit.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
text	text.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
ins	ins.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
kbd	kbd.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
label	label.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
legend	legend.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
li	li.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
link	link.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
listing	listing.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
marquee	marquee.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
menu	menu.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
meta	meta.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
nextID	nextID.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
noBR	noBR.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
Object	Object.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
ol	ol.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
Option	Option.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
p	p.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
plainText	plainText.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
pre	pre.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
q	q.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
rt	rt.style.posBottom[=fpVal]	없음	IE5(win16,win32,unix,mac)
ruby	ruby.style.posBottom[=fpVal]	없음	IE5(win16,win32,unix,mac)
runtimeStyle	objectruntimeStyle.posBottom[=fpVal]	없음	IE5(win16,win32,unix,mac)
s	s.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
samp	samp.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
script	script.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
select	select.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
small	small.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
span	span.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
strike	strike.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
strong	strong.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
style	style.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
sub	sub.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
sup	sup.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
table	table.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
tBody	tBody.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
td	td.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
textArea	textArea.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
tFoot	tFoot.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
th	th.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
tHead	tHead.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
title	title.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
tr	tr.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
tt	tt.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
u	u.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
ul	ul.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
var	var.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)
xmp	xmp.style.posBottom[=fpVal]	없음	IE4.0(win16,win32,ce,unix,mac)

참조

pixelTop pixelBottom pixelLeft pixelRight posTop posBottom posLeft posRight
top bottom left right

style ⇒

posBottom 스타일속성⇒

글자

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>

style ⇒

posBottom 스타일속성

⇒

최종 수정: 06/30/2025 21:43:28

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/style/posBottom.html