CSS-Border

Border

: box의 경계

border : width style color

 

border-style 종류

border-style

• 한 개의 값 모든 면의 테두리 스타일 설정
• 두 개의 값 첫 번째는 위와 아래, 두 번째는 왼쪽과 오른쪽 테두리 스타일 설정
• 세 개의 값 첫 번째는 위, 두 번째는 왼쪽과 오른쪽, 세 번째 값은 아래 테두리 스타일 설정
• 네 개의 값 상, 우, 하, 좌(시계방향) 순서로 테두리 스타일 지정

 

border-radius

: 테두리를 둥글게 만드는 효과

: 50% (circle⭕️)

border-radius: top-left-x top-right-x bottom-right-x bottom-left-x / top-left-y top-right-y bottom-right-y bottom-left-y

 

location