KoXo 자바스크립트 - 스타일(style) - right | right (A, ACRONYM, APPLET, ...)

문서 계통도상 다음에 위치한 개체의 오른쪽 모서리에서 해당 개체의 오른쪽 위치까지의 거리를 반환하거나 설정한다.

	Script	object.style.right=[sVal]
	HTML	<ELEMENT style="right:sVal;">
	CSS	cssSelector {right:sVal;}

인수

cssSelector : (스타일 선택자)

right 속성을 가질수 있는 엘레멘트(ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다.

sVal : (속성 문자열)

right 스타일 속성은 문서 계통도상 다음에 위치한 개체의 오른쪽 모서리에서 해당 개체의 오른쪽 위치까지의 거리를 나타내는 문자열이다.

auto	디폴트이며, 일반적인 HTML 페이지의 레이아웃상 디폴트 위치이다.
(길이)	부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라.
(백분율)	정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체 너비에 대한 백분율이다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.

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

특기

right 애르리뷰트를 사용하기 위해서는 position 애트리뷰트가 설정되어 있어야 하며, 그렇지 않으면 right 애트리뷰트는 무시된다.

right 속성의 값은 문자열이므로, 이 속성값을 스크립트의 개체의 위치 계산에 사용할 수 없다.
대신 pixelRight 속성이나 posRight 속성을 사용하여야 한다.

적용

개체	script	CSS	IE 버전
a	a.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
address	address.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
applet	applet.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
b	b.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
big	big.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
blockQuote	blockQuote.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
center	center.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
cite	cite.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
code	code.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
currentStyle	objectcurrentStyle.right[=sVal]	cssSelector{right:sVal}	IE5(win16,win32,unix,mac)
dd	dd.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
dfn	dfn.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
dir	dir.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
div	div.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
dl	dl.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
fieldSet	fieldSet.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
font	font.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
form	form.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
hn	hn.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
hr	hr.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
i	i.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
iFrame	iFrame.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
img	img.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
checkbox	checkbox.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
FileUpload	FileUpload.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
image	image.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
password	password.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
radio	radio.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
reset	reset.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
submit	submit.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
text	text.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
isIndex	isIndex.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
kbd	kbd.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
label	label.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
layoutRect	layoutRect.style.right[=sVal]	cssSelector{right:sVal}	IE5.5(win32)
legend	legend.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
li	li.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
listing	listing.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
marquee	marquee.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
menu	menu.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
Object	Object.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
ol	ol.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
p	p.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
pre	pre.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
runtimeStyle	objectruntimeStyle.right[=sVal]	cssSelector{right:sVal}	IE5(win16,win32,unix,mac)
s	s.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
samp	samp.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
select	select.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
small	small.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
span	span.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
strike	strike.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
strong	strong.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
style	style.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
sub	sub.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
sup	sup.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
table	table.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
textArea	textArea.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
tt	tt.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
u	u.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
ul	ul.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
var	var.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)
xmp	xmp.style.right[=sVal]	cssSelector{right:sVal}	IE4.0(win16,win32,ce,unix,mac)

참조

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

이 속성은 CSS2(Cascading Style Sheets Level 2)에 정의되었다.

style ⇒

right 스타일속성⇒

position:relative; 설정과 right 애트리뷰트를 이용하여 이미지 개체의 위치를 조정한다.

<STYLE>.divObj button{width:80}</STYLE>
<DIV style="border:solid 1 red;width:250;margin-left:200"><IMG id=imgObj src=../../gif/tulip.gif style="position:relative;right:auto"></DIV>
<DIV class=divObj style=white-space:nowrap>
<BUTTON onclick="imgObj.style.right='-80px';">-80px</BUTTON>
<BUTTON onclick="imgObj.style.right='0';">0</BUTTON>
<BUTTON onclick="imgObj.style.right='4cm';">4cm</BUTTON>
<BUTTON onclick="imgObj.style.right='100px';">100px</BUTTON>
<BUTTON onclick="imgObj.style.right='10%';">10%</BUTTON>
<BUTTON onclick="imgObj.style.right='auto';">auto</BUTTON>
</DIV>

style ⇒

right 스타일속성

⇒

최종 수정:
05/02/2025 01:25:34

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

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