CSS border-top, border-right, border-bottom, border-left 속성

1 개요[ | ]

CSS border-top, border-right, border-bottom, border-left 속성
  • 방향별 테두리 스타일 속성
속성 설명
border-top 위쪽 테두리 스타일
border-right 오른쪽 테두리 스타일
border-bottom 아래쪽 테두리 스타일
border-left 왼쪽 테두리 스타일

2 예시[ | ]

html
Copy
<style>
div {
	border: 5px solid red;
	border-bottom: dotted orange;
	border-left: 0;
	width: 200px; height: 40px;
}
</style>
 
<div>안녕 친구들</div>

3 같이 보기[ | ]

4 같이 보기[ | ]