### CSS 테두리
border-style: ;
dotted : 점선 테두리
dashed : 점선 테두리
solid : 두꺼운 테두리
double : 이중 테두리
groove : 3D 그루브 테두리, 효과는 색상 값에 따라 다르다.
ridge : 3D 능선 테두리, 효과는 색상 값에 따라 다르다.
inset : 3D 음각 테두리, 효과는 색상 값에 따라 다르다.
outset : 3D 양각 테두리, 효과는 색상 값에 따라 다르다.
none : 테두리 없음
hidden : 숨겨진 테두리
각 테두리별로 다르게 적용하기
border-(위치)-style: ;
위치 : top, right, bottom, left
1 개의 스타일을 적는 경우: 모든 방향에 동일하게 적용
2 개의 스타일을 적는 경우: 상.하단, 오.왼쪽에 각각 적용
3 개의 스타일을 적는 경우: 상단, 오.왼쪽, 하단에 각각 적용
4 개의 스타일을 적는 경우: 상단, 오른쪽, 하단, 왼쪽에 각각 적용
border-width: ;
특정 크기( px, pt, cm, em )로 설정
1 개의 값만 적는 경우 : 모든 방향에 동일하게 적용
2 개의 값을 적는 경우(x y) : x=상.하단에 적용 y= 오.왼쪽에 적용
4개의 값을 적는 경우(a b c d) : 각각 상단, 오른쪽, 하단, 왼쪽에 적용
정의된 크기( thick, medium, thin)로 설정
border-color: ;
1 개의 값만 적는 경우 : 모든 방향에 동일하게 적용
2 개의 값을 적는 경우(x y) : x=상.하단에 적용 y= 오.왼쪽에 적용
4개의 값을 적는 경우(a b c d) : 각각 상단, 오른쪽, 하단, 왼쪽에 적용
border-radius: ;
px 단위로 원하는 모서리의 각을 적용한다 .
0px : 각진 모서리이다. 기본값
5px : 부드러운 라운드 테두리 모양이 된다.
12px: 반원 모양의 양 끝을 가진 테두리 모양이 된다.
