[CSS] 박스모델(테두리 스타일)

한효찬·2024년 8월 30일

박스 모델 중 하나인 테두리에 대해 공부해보려고 한다.

화면 상에서 요소가 차지하고 있는 공간을 뚜렷하게 표시에 다른 요소와 쉽게 구분할 수 있게 해주는 영역이다.
테두리 css를 사용할 때는 단축 속성인 border를 사용하거나 border의 하위 속성을 개별적으로 사용한다.

  • border-width : 테두리의 두께 지정
  • border-style : 점선, 실선, 겹선 등으로 테두리의 모양을 지정
  • border-color : 테두리의 색상을 지정
  • border-radius : 모서리 둥글리기
  • border : 테두리의 두께, 모양, 색상 등을 지정
profile
hyohyo

0개의 댓글