Style borderTop 속성

정의 및 사용법

borderTop 속성을 줄임말로 설정하거나 반환하여 최대 세 개의 별도의 border-top 속성을 설정할 수 있습니다.

이 속성을 통해 다음 중 하나 이상을 설정하거나 반환할 수 있습니다. (순서는 무관합니다)：

추가로 참조하십시오：

CSS 강의：CSS 테두리

CSS 참조 설명서：border-top 속성

HTML DOM 참조 설명서：border 속성

예제

예제 1

<div> 요소에 상단 경계선을 추가합니다：

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

직접 시험해 보세요

예제 2

<div> 요소의 상단 경계선의 너비, 스타일 및 색상을 변경합니다：

document.getElementById("myDiv").style.borderTop = "thin dotted red";

직접 시험해 보세요

예제 3

<div> 요소의 border-top 속성 값을 반환합니다：

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

직접 시험해 보세요

문법

borderTop 속성을 반환합니다：

object.style.borderTop

borderTop 속성을 설정합니다：

object.style.borderTop = "width style color|initial|inherit"

속성 값

값 설명
width 상단 경계선의 너비를 설정합니다。
style 상단 경계선의 스타일을 설정합니다。
color 상단 경계선의 색상을 설정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 지정되지 않음
반환 값： 문자열로, 요소의 상단 경계선의 너비, 스타일 및 / 또는 색상을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원