[HTML/CSS] border에 대해서....

 

html / css 의 border에 대해서 알아보도록 하겠습니다

 

---

 

 

 

border은 content 가장자리의 외부 선을 의미합니다.

 

 

---

--border의 구성요소

 

●border-width(선 두께) :
thin, medium, thick, 또는 픽셀로 지정

●border-style(선 모양) :
none       테두리 없음

dotted     점선

dashed     파선

solid        실선

double     이중 테두리

groove     3D 그루브 테두리

ridge       3D 능선 테두리

inset        3D 삽입 테두리

outset      3D 아웃셋 테두리

●border-color(선 색상) :
색상이름, rgb(?, ?, ?), #??????로 색상 지정 가능

 

 

 

이 3가지 요소로 각각 따로 border의 디테일을 지정할 수 있지만

한번에 지정도 할 수 있다.(선 모양 지정해주어야 드러난다)

 

 

 

●

border 선 너비, 선 모양, 선 색상;
(이때도, 선 모양은 꼭 지정해주어야 한다)