본문 바로가기
개발

border 알아보기

by 레드별 2022. 9. 6.

1. border?

border은 테두리에 효과를 주는 것으로 선 두께, 스타일, 색상을 지정할 수 있다. CSS에는 { border: border-width(선 두께) border-style(선 스타일) border-color(선 색상) } 순으로 넣어 사용하면 된다. 

 

2. border 속성

[border-width(선 두께)]

medium / thick / thin / length / px 값을 넣어 선 두께를 나타낸다.  

 

[border-style(선 스타일)]

solid(실선) / dotted(점선) / dashed(짧은 선) / double(이중 실선) / groove / ridge / inset / outset / none / hidden 값을 넣어 선 스타일을 나타낸다. 

 

3. 적용 예제 

border 적용
border 적용

댓글