스크롤 화살표의 색상을 반환하거나 설정한다.

	Script	object.style.scrollbarArrowColor=[sColor]
	HTML	<ELEMENT style="scrollbar-arrow-color:sColor;">
	CSS	cssSelector {scrollbar-arrow-color:sColor;}

인수

cssSelector : (스타일 선택자)

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

sColor : (속성 문자열)

scrollbarArrowColor 스타일 속성은 스크롤 화살표의 색상을 나타내는 문자열이다.

이 값은 색상표의 색상명이나 RGB 색상값 중의 하나이다.

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

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

스크롤 화살표는각 스크롤바의 양쪽 끝에 위치하며, 작은 화살표를 포함하는 사각형 단추로 구성된다. 이 단추를 클릭하므로서 페이지의 내용을 스크린 위쪽/아래쪽 혹은 왼쪽/오른쪽으로 조금씩 이동시킨다.

스크롤바 박스는 스크롤바 전체를 감싸는 사각형으로, 스크린상에서 페이지 내용의 보이는 위치를 위로 혹은 아래로, 또는 왼쪽으로 혹은 오른쪽으로 이동시킬 수 있는 화살표, 트랙등을 포함하고 있다.

이 속성은 스크롤바를 디스플레이하는 부분에 적용된다. 스타이쉬트느 모든 개체에서 overflow 속성을 통하여 스크롤바를 가능하게 한다. 이들 개체는 속성의 적용 목록에 목록화 되지 않았다.

적용

개체	script	CSS	IE 버전
applet	applet.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
bdo	bdo.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
body	body.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
currentStyle	[sColor=]objectcurrentStyle.scrollbarArrowColor	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
custom	custom.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
publicDefaults	publicDefaults.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
div	div.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
embed	embed.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
Object	Object.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
runtimeStyle	objectruntimeStyle.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
style	style.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)
textArea	textArea.style.scrollbarArrowColor[=sColor]	cssSelector{scrollbar-arrow-color:sColor}	IE5.5(win32,ce)

참조

scrollbar3dLightColor scrollbarArrowColor scrollbarBaseColor scrollbarDarkShadowColor scrollbarFaceColor scrollbarHighlightColor scrollbarShadowColor scrollbarTrackColor

이 속성은 CSS에 Microsoft가 확장한 것이다.

style ⇒

scrollbarArrowColor 스타일속성⇒

<SCRIPT>
function showAll(){
  showA.innerHTML='taObj.style.scrollbarArrowColor='+taObj.currentStyle.scrollbarArrowColor+'<BR>';
}
</SCRIPT>
<CENTER>
<TEXTAREA id="taObj" cols="10" rows="8" style="width"width:100;overflow:scroll;scrollbar-arrow-color=red">
스크롤바의 엘레멘트의 색상을 나타내는 문자열이다.
스크롤바의 엘레멘트의 색상을 나타내는 문자열이다.
스크롤바의 엘레멘트의 색상을 나타내는 문자열이다.
</TEXTAREA><BR>
<BUTTON onclick="taObj.style.scrollbarArrowColor='red';showAll()" style="width:60">보기</BUTTON>
<BUTTON onclick="taObj.style.scrollbarArrowColor='';showAll()" style="width:60">지우기</BUTTON>
<DIV id="showA">결과 표시창</DIV>
</CENTER>

스크롤바 색상 예제

style ⇒

scrollbarArrowColor 스타일속성

⇒

최종 수정: 06/14/2025 21:46:28

All right reserved

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

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