본문 바로가기
프로그래밍/HTML & CSS

[CSS 기본] CSS 박스 모델 (2)

by ITDevStory 2021. 11. 14.
border-style     테두리 스타일
border-style: none | hidden | dashed | botted | double | groove | inset | outset | ridge | solid

 

border-width     테두리 두께
border-top-width: <크기> | thin | medium | thick
border-right-width
border-bottom-width
border-left-width
border-width

 

 

border-color     테두리 색상
border-top-color: <색상>
border-right-color
border-bottom-color
border-left-color
border-color

 

border     테두리 스타일 묶어서 지정
border-top: <두께> <색상> <스타일>
border-right
border-bottom
border-left
border

 

border-radius     모서리 둥글게 만들기
border-top-left-radius: <크기> | <백분율>
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-radius

 

box-shadow     그림자 효과

'프로그래밍 > HTML & CSS' 카테고리의 다른 글

[CSS 기본] CSS 레이아웃  (0) 2021.11.16
[CSS 기본] CSS 박스 모델 (3)  (0) 2021.11.14
[CSS 기본] CSS 박스 모델 (1)  (0) 2021.11.14
[CSS 기본] 목록 스타일  (0) 2021.11.14
[CSS 기본] 문단 스타일  (0) 2021.11.14

댓글