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

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

by ITDevStory 2021. 11. 14.

[프로그래밍/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

 

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

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

댓글