Properties

Properties

Editing
  • account_tree
  • bug_report

border-top

요소의 상단 테두리의 두께, 모양, 색상 속성을 한번에 설정하는 축약식 속성이다.

사용 가능한 값 타입

〈'border'〉

요소의 테두리를 축약 형식으로 지정할 수 있는 타입이다. 순서는 무관하다.

  • <line-width> || <line-style> || <color>

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • 〈color〉

    sRGB 색상 공간의 색상값이다. 알파 채널 투명도 값을 포함 할 수 있으며, 색상이 배경과 합성되는 방법을 나타낸다.

  • 〈line-style〉

    • none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
  • 〈line-width〉

    • <length [0,∞]> | thin | medium | thick

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • border-top-widthCSS1

    테두리의 두께를 설정한다. 기본 값은 'medium'이다.

  • border-top-styleCSS1

    테두리의 모양을 설정한다. 기본 값은 'none'이다.

  • border-top-colorCSS1

    테두리의 색상을 설정한다. 기본 값은 'none'이다. 기본 값은 엘리먼트의 색이다.

구문

  • border-top 〈'border-top-width'〉 || 〈'border-top-style'〉 || 〈'border-top-color'〉;CSS1

    요소 상단의 테두리의 두께, 모양, 색상 속성을 한번에 설정한다. 작성되는 값의 순서는 정해져 있지 않다. 만일 작성해야 할 속성 값 중에서 생략이 된 경우에는 해당 속성의 기본 값으로 처리된다.

  • object.style.borderTop="5px dashed red";CSS1

    자바스크립트 형식

예제

상단 테두리를 축약형으로 설정하는 예제

지원 웹브라우저