스크롤바의 그림자 지는 부분의 색상을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 스크롤바의 그림자 지는 부분의 색상을 나타내는 문자열이다.

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

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

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

특기

스크롤바의 그림자 지는 부분은 트랙(trac)과 아래쪽 모서리 사이, 오른쪽 모서리 사이, 화살표사이의 공간이다. scrollbarDarkShadowColor 색상은 scrollbarShadowColor의 밖에 나타난다. 트랙(track)은 스크롤바 박스에서 아래/위, 좌/우로 이동할 수 있는 부분이다.

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

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

적용
개체scriptCSS IE 버전
참조
scrollbar3dLightColor scrollbarArrowColor scrollbarBaseColor scrollbarDarkShadowColor scrollbarFaceColor scrollbarHighlightColor scrollbarShadowColor scrollbarTrackColor

이 속성은 CSSMicrosoft가 확장한 것이다.



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