CSS에서 border-top 속성 사용 살펴보기

이전 섹션에서 CSS top 속성의 사용법을 소개했으므로 이번 섹션에서는 CSS border-top 속성의 사용법을 배우기가 더 쉬울 것입니다. border-top 약어 속성은 top의 모든 속성을 설정합니다. 하나의 진술로 경계를 이룹니다.

이 글에서는 CSS border-top 속성의 사용법을 설명합니다. border-top 약어 속성은 상단 테두리의 모든 속성을 하나의 명령문으로 설정합니다. 이 글의 소개가 확실히 도움이 될 것이라고 믿습니다. .

CSS 테두리 상단 속성

정의 및 사용법

border-top 단축 속성은 상단 테두리의 모든 속성을 하나의 명령문으로 설정합니다.

다음 속성을 순서대로 설정할 수 있습니다.

border-top-width   
border-top-style   
border-top-color 

값 중 하나를 설정하지 않으면 문제가 없습니다. 예를 들어 border-top:solid #ff0000;도 허용됩니다.

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderTop="3px solid blue"

예

상단 테두리 스타일 설정:

p  
  {  
  border-style:solid;  
  border-top:thick double #ff0000;  
  }  

　

브라우저 지원

모든 브라우저는 border-top 속성을 지원합니다.

참고: 속성 값 "inherit"는 모든 Internet Explorer 버전(IE8 포함)에서 지원되지 않습니다.

가능한 값

值	描述
border-top-width	规定上边框的宽度。参阅：border-top-width 中可能的值。
border-top-style	规定上边框的样式。参阅：border-top-style 中可能的值。
border-top-color	规定上边框的颜色。参阅：border-top-color 中可能的值。
inherit	规定应该从父元素继承 border-top 属性的设置。

참고자료 : http://www.manongjc.com/article/1188.html