Style borderTopColor 속성

정의와 사용법

borderTopColor 요소의 상단 경계선 색상을 설정하거나 반환합니다。

추가로 참조하십시오：

CSS 교육：CSS 테두리

CSS 참조 매뉴얼：border-top-color 속성

HTML DOM 참조 매뉴얼：border 속성

예제

예제 1

<div> 요소의 상단 경계선 색상을 빨간색으로 변경합니다：

document.getElementById("myDiv").style.borderTopColor = "red";

직접 시험해 보세요

예제 2

<div> 요소의 상단 경계선 색상을 반환합니다：

alert(document.getElementById("myDiv").style.borderTopColor);

직접 시험해 보세요

문법

borderTopColor 속성 반환：

object.style.borderTopColor

borderTopColor 속성 설정：

object.style.borderTopColor = "color|transparent|initial|inherit"

속성 값

값 설명
color

상단 경계선의 색상을 정의합니다. 기본 색상은 검은색입니다。

보기: CSS 색상 값，가능한 색상 값의 전체 목록을 얻으십시오。
transparent 상단 경계선의 색상은 투명합니다（하위 내용이 투과합니다）。
initial 이 속성을 기본 값으로 설정합니다. 참조: initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit。

기술 세부 사항

기본 값： black
반환 값： 문자열로, 요소의 상단 경계선의 색상을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

Chrome Edge Firefox 사파리 오퍼라
Chrome Edge Firefox 사파리 오퍼라
지원 지원 지원 지원 지원