프로그래밍/HTML & CSS

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

ITDevStory 2021. 11. 14. 21:38

[프로그래밍/HTML & CSS] - [CSS 기본] CSS 박스 모델 (1)

[프로그래밍/HTML & CSS] - [CSS 기본] CSS 박스 모델 (2)

 

margin     주변 여백 설정

     - 요소와 요소 사이의 간격 조절

     - 중앙에 배치할 때 margin: 0 auto 로 설정

margin-top: <크기> | <백분율> | auto
margin-right
margin-bottom
margin-left
margin

 

padding     콘텐츠 영역과 테두리 사이 여백 설정
padding-top: <크기> | <백분율> | auto
padding-right
padding-bottom
padding-left
padding