border-top-color 속성

border-top-color 속성은 상단 테두리의 색상을 지정합니다. 속성 값으로는 색상 단위를 사용할 수 있습니다. 기본값: 블록의 텍스트와 동일한 색상.

구문

css선택자 {
  border-top-color: 색상;
}

예시

상단 테두리를 빨간색으로 지정해 보겠습니다:

html<div id="elem"></div>

css#elem {
  border-top-color: red;
  border-top-width: 1px;
  border-top-style: solid;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

참고 항목