[CSS] 테두리 관련 스타일

테두리 스타일 지정 (border-style)

border-위치-style: none/dotted/dashed/solid/double/groove/ridge/inset/outset;

• none
• dotted : 점선
• dashed : 긴 점, 각진 테두리
• solid : 실선
• double : 두 줄 실선
• groove : 파인 선
• ridge : 불룩한 선
• inset : 위쪽이 튀어나옴
• outset : 아래쪽이 튀어나옴

테두리 두께 지정 (border-width)

border-위치-width : 테두리두께;

테두리 색상 지정 (border-color)

border-위치-color : 테두리색상;

박스에 그림자 효과 (box-shadow)

box-shadow : 가로(x) 세로(y) 흐림정도 번짐정도 색상;

둥근 모서리 (border-radius)

border-위치-radius: 둥근 정도;

테두리 스타일 한 번에 지정

border : 10px solid pink;