border-top-color

border-top-color는 테두리 위쪽 색 속성을 설정합니다.

특징	설명
기본 값	current color
상속	안됨
애니메이션	가능
버전	CSS1

Definition

• border-top-color는 테두리 위쪽 색 속성을 설정합니다.

Syntax

border-top-color : color | transparent | inherit;

/* 기본 색상값을 설정한 경우 */
border-top-color: #ff0000;

/* 기본 색상값(키워드)을 설정한 경우 */
border-top-color: blue;

/* 기본 색상값(RGB)을 설정한 경우 */
border-top-color: rgb(255, 255, 255);

/* 기본 색상값(RGBA)을 설정한 경우 */
border-top-color: rgba(255, 255, 255, 0.4);

/* 기본 색상값(hsl)을 설정한 경우 */
border-top-color: hsl(120,100%,50%);

/* 기본 색상값(hsla)을 설정한 경우 */
border-top-color: hsla(120,100%,50%, 0.4);

/* transparent을 설정한 경우 */
border-top-color : transparent;

/* inherit을 설정한 경우 */
border-top-color : inherit;

Property

속성 값	설명
color	테두리 위쪽 색을 설정합니다.
transparent	테두리 위쪽 색을 투명하게 설정합니다.
inherit	border-top-color를 부모 요소로부터 상속받습니다.

Compatibility

							6	7	8	9	10	11
border-top-color

Sample

border-top-color

border-top-color : #b3e5fc;
border-top-color : rgb(129,212,250);
border-top-color : rgba(79,195,247,1);
border-top-color : hsl(120,50%,50%);
border-top-color : hsla(120,30%,50%,1);
border-top-color : blue;
border-top-color : transparent;