개체의 오른쪽 테두리(border) 스타일 형식을 반환하거나 설정한다.

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

인수

cssSelector : (스타일 선택자)

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

sVal : (속성 문자열)

borderRightStyle 스타일 속성은 개체의 왼쪽 테두리 스타일 형식을 나타내는 문자열이다.

none	디폴트이며, 지정된 borderWidth에 관계없이 테두리가 그려지지 않는다.
dotted	테두리가 점선으로 그려진다.	이 값은 IE4.01에서 Macintosh 플래트폼에, IE5.5에서 Windows에 적용된다. Macintosh 플래트폼과 Windows 이전 Explorer 버전에서는 solid로 표현된다.
dashed	테두리가 긴점선(dash; '-')으로 그려진다.
solid	테두리가 실선으로 그려진다.
double	테두리가 이중 실전으로 그려진다. 두 실전과 그 사이의 공간의 합은 borderWidth 값과 같다. 이 값으로 이중 실성을 표현하기 위해서는 borderWidth 값이 3px 이상이어야 한다.
groove	테두리가 지정된 색상값에따라 3-D 홈파임(groove)으로 그려진다. 이 값을 제대로 표현하기 위해서는 개체의 borderWidth 속성을 설정하여야 한다.
ridge	테두리가 지정된 색상값에따라 3-D 중앙이 튀어나옴(ridge)으로 그려진다.
inset	테두리가 지정된 색상값에따라 3-D 튀어들어감(inset)으로 그려진다.
window-inset	테두리가 inset와 동일하게 그려지고, 추가적으로 외부에 지정된 색상값에따라 단일 선이 그려진다.
outset	테두리가 지정된 색상값에따라 3-D 튀어나옴(outset)으로 그려진다.

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

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

특기

IE5.5에서는, 이 속성이 인라인 엘레멘트에도 적용된다. 이전 버전에서는 인라인 엘레멘트는 position 속성값이 absolute이거나 이 속성을 이용하여 배치되어야 한다. height나 width 속성의 설정된 값에 의하여 엘레멘트의 배치가 결정된다.

이 속성이 표현되기 위해서는 borderWidth 속성값이 0 이상으로 설정되어야 한다.

적용

개체	script	CSS CSS 규격	IE 버전
a	a.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
acronym	acronym.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
b	b.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
bdo	bdo.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE5(win16,win32,unix,mac)
big	big.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
blockQuote	blockQuote.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
body	body.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
caption	caption.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
center	center.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
cite	cite.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
code	code.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
currentStyle	[sVal=]objectcurrentStyle.borderRightStyle	cssSelector{border-right-style:sVal}	IE5(win16,win32,unix,mac)
custom	custom.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE5(win32,unix)
dd	dd.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
publicDefaults	publicDefaults.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE5.5(win32)
del	del.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
dfn	dfn.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
dir	dir.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
div	div.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
dl	dl.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
dt	dt.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
em	em.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
embed	embed.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
fieldSet	fieldSet.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
font	font.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
form	form.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
frame	frame.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
hn	hn.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
hr	hr.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE3.02(win16,win32,mac),IE4.0(ce,unix)
i	i.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
iFrame	iFrame.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
img	img.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
checkbox	checkbox.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
FileUpload	FileUpload.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
image	image.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
password	password.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
radio	radio.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
reset	reset.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
submit	submit.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
text	text.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
ins	ins.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
isIndex	isIndex.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
kbd	kbd.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
label	label.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
li	li.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
listing	listing.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
marquee	marquee.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
menu	menu.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
noBR	noBR.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
Object	Object.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
ol	ol.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
p	p.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
plainText	plainText.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
pre	pre.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
q	q.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
runtimeStyle	objectruntimeStyle.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE5(win16,win32,unix,mac)
s	s.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
samp	samp.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
small	small.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
span	span.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
strike	strike.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
strong	strong.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
style	style.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
sub	sub.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
sup	sup.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
table	table.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
td	td.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
textArea	textArea.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
th	th.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
tt	tt.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
u	u.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
ul	ul.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
var	var.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)
xmp	xmp.style.borderRightStyle[=sVal]	cssSelector{border-right-style:sVal}	IE4.0(win16,win32,ce,unix,mac)

참조

border borderRight borderRightColor borderRightStyle borderRightWidth

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

style ⇒

borderRightStyle 스타일속성⇒

noborderClass border1Class border2Class
border3Class border4Class border5Class

결과 표시창

<STYLE>
.border1Class { border-right:10px groove pink }
.border2Class { border-right:10px dotted pink }
.border3Class { border-right:10px solid pink }
.border4Class { border-right:10px double pink }
.border5Class { border-right:10px inset pink }
.noborderClass { border-right:none }
button {width:110;margin:2}
</STYLE>
<SCRIPT>
function showAll(){
  str='tdObj.className='+tdObj.className+'<BR>';
  str+='tdObj.currentStyle.borderRightWidth='+tdObj.currentStyle.borderRightWidth+'<BR>';
  str+='tdObj.currentStyle.borderRightStyle='+tdObj.currentStyle.borderRightStyle+'<BR>';
  str+='tdObj.currentStyle.borderRightColor='+tdObj.currentStyle.borderRightColor+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<TABLE border cellspacing=5>
<TR>
<TD id="tdObj"><IMG src="../../gif/flower.jpg" width="330"></TD>
</TR>
</TABLE>
<BUTTON onclick="tdObj.className='noborderClass';showAll()">noborderClass</BUTTON>
<BUTTON onclick="tdObj.className='border1Class';showAll()">border1Class</BUTTON>
<BUTTON onclick="tdObj.className='border2Class';showAll()">border2Class</BUTTON><BR>
<BUTTON onclick="tdObj.className='border3Class';showAll()">border3Class</BUTTON>
<BUTTON onclick="tdObj.className='border4Class';showAll()">border4Class</BUTTON>
<BUTTON onclick="tdObj.className='border5Class';showAll()">border5Class</BUTTON>
<DIV id=showA>결과 표시창</DIV>

style ⇒

borderRightStyle 스타일속성

⇒

최종 수정: 04/07/2025 12:19:31

All right reserved

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

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