3-D 테두리를 포함하여 테두리의 밝은 색상을 반환하거나 설정한다.

인수
: (속성 색상)

속성값은 테두리의 밝은 색상을 rrggbb 색상이나 색상명을 나타내는 문자열이다.

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

특기

이 속성은 borderColorDark의 반대이며 BORDER 애트리뷰트에 해당하는 border 속성과 같이 사용하여야 한다. 이 속성으로는 CSS(Cascading Style Sheets) border 복합 속성에는 영향을 주지 못한다. 이를 변경하기 위해서는 스타일쉬트를 사용하여야 한다.

일부 부라우저에서는 색상명을 인식하지 못할 수 있지만 RGB 색상은 인식하고 정확히 표현하여야 한다.

borderColor 속성을 사용하고 이 속성을 사용하지 않는 것을 권장한다.

적용
개체scriptHTML규격IE
참고
borderColor borderColorDark

table 테두리 색상 속성 예제

R1C1R1C2R1C3R1C4R1C5
R2C1R2C2R2C3R2C4R2C5
R3C1R3C2R3C3 R3C4R3C5
R4C1R4C2R4C3R4C4R4C5
<TABLE id="tableObj" bgColor="#ffffdd" borderColorDark="red" borderColorLight="pink" border=5 cellpadding=9 cellspacing=9 width=500>
<COLGROUP id="colGroupObj" align="center" bgColor="pink"><COL><COL></COLGROUP><COL><COL><COL id="colObj" bgColor="aqua">
<TR><TD>R1C1</TD><TD>R1C2</TD><TD>R1C3</TD><TD>R1C4</TD><TD>R1C5</TD></TR>
<TR id="trObj" borderColorDark="green" borderColorLight="lightgreen">
  <TD>R2C1</TD><TD>R2C2</TD><TD>R2C3</TD><TD>R2C4</TD><TD>R2C5</TD></TR>
<TR><TD>R3C1</TD><TD>R3C2</TD><TD>R3C3</TD>
  <TD id="tdObj" borderColorDark="navy" borderColorLight="aqua">R3C4</TD><TD>R3C5</TD></TR>
<TR><TD>R4C1</TD><TD>R4C2</TD><TD>R4C3</TD><TD>R4C4</TD><TD>R4C5</TD></TR>
</TABLE>
<SCRIPT>
str='tableObj.bgColor="<FONT color=blue>'+tableObj.bgColor+'</FONT>"<BR>';
str+='tableObj.borderColorDark="<FONT color=blue>'+tableObj.borderColorDark+'</FONT>"<BR>';
str+='tableObj.borderColorLight="<FONT color=blue>'+tableObj.borderColorLight+'</FONT>"<BR>';
str+='trObj.borderColorDark="<FONT color=blue>'+trObj.borderColorDark+'</FONT>"<BR>';
str+='trObj.borderColorLight="<FONT color=blue>'+trObj.borderColorLight+'</FONT>"<BR>';
str+='tdObj.borderColorDark="<FONT color=blue>'+tdObj.borderColorDark+'</FONT>"<BR>';
str+='tdObj.borderColorLight="<FONT color=blue>'+tdObj.borderColorLight+'</FONT>"<BR>';
document.write(str);
</SCRIPT>