css - margin/padding/border 박스모델

마진(margin)/패딩(padding)/보더(border)

• margin : 경계선 외부의 간격. border경계선부터 외부 요소 사이 간격
• padding : margin/padding/border라 쓰여진부분에서, border경계선(네모박스) 사이의 간격
• border : 경계선. 위의 사진에서 네모박스, css를 지정하는 style태그안에서 3px solid 적으면, 두께 3px - 점선으로 표시

---

박스모델 개념도

 

F12(개발자모드)를 눌러서 html로 작성된 페이지에

적용된 여러 태그들의 간격을 쉽게 확인 가능.