css border 속성 정리

border 속성은 태두리를 설정하는 속성이고 

 

크게 두깨를 정하는

border-width

 

태두리의 점선, 실선등 스타일을 정하는

border-style

 

태두리의 색상을 정하는

border-color

 

로 나뉩니다.

 

border-width

테두리의 두께로, 주로 px 단위를 사용합니다.

 

 

border-style

테두리의 스타일로 실선, 점선, 이중선 등의 옵션이 존재합니다.

 

border-color

테두리의 색상으로, 값은 color 속성의 포맷을 사용합니다.

 

 

 

방향

테두리의 특정 방향만 따로 설정할 수도 있습니다.

• border-top
• border-bottom
• border-left
• border-right

border-bottom-color처럼 방향과 색,두께,스타일을 따로 설정할 수도 있습니다.

 

 

 

 

출처 :https://ofcourse.kr/css-course/border-%EC%86%8D%EC%84%B1