border-top 속성

border-top 속성은 상단 테두리의 색상, 유형, 두께를 설정합니다. border-top-width, border-top-style, border-top-color 속성에 대한 단축 속성입니다.

구문

css선택자 {
  border-top: 두께 유형 색상;
}

속성값의 순서는 중요하지 않습니다.

예제

요소에 두께 2px의 검은색 상단 테두리를 만들어 보겠습니다:

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

css#elem {
  border-top: 2px solid black;
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат: