본문 바로가기
카테고리 없음

CSS Padding, Border, Margin

by 바코94 2020. 5. 5.

Padding: Content영역에서부터 여유공간 치수이며 Padding을 변경하여도 content영역인 width, height는 변하지 않음.

Border: content영역에서 padding만큼 떨어진 공간에 위치하는 테두리이며 테두리 선을 지정할 수 있다. 박스의 내부, 외부를 구분하는 테두리로 보면 된다.

Margin: border와 다른 border사이의 여유공간. 박스 간의 여백을 위한 값이다.

 

주의할 점은 inline element의 경우에는 상하 padding, 상하 margin이 원활하게 적용되지 않음.