(CSS) 테두리 적용하기⏹️

border: 테두리

1) 테두리 적용 방법

• border: 크기 모양 색상;
• border: 1px solid ##ff0000
  • 좌, 우, 위, 아래
  • left, right, top, bottom 동시에 적용

2) 크기 스타일 색상

• border-width: 크기px;
• border-style: 모양;
  • solid : 실선
  • dotted : 작은 점선
  • dashed : 약간 긴 점선
• border-color: 색상

3) 위치

• left, top, right, bottom → 적용하고 싶은 위치 적용
  • border-left- : 왼쪽
  • border-top- : 위쪽
  • border-right- : 오른쪽
  • border-bottom- : 아래쪽

4) box-sizing

• 기본 box-sizing 설정시에는 실제 크기는 border+컨텐츠크기

5) box-shadow

box-shadow: 2px 2px 2px #cccccc;