padding 속성
padding 속성은 border 속성을 기준으로 border 속성과 content 속성의 간격을 뜻합니다. margin 속성과 마찬가지로 좌표를 설정할 때 사용합니다. padding 속성의 종류에는 padding-top, padding-right, padding-bottom, padding-left가 있습니다.
#box_model { width: 300px; height: 300px; background-color: yellow; border: solid 20px red; margin-left: 50px; padding-left: 50px; }
padding 속성 역시 12시를 기준으로 시계 방향으로 한 줄로 나타낼 수 있습니다.
/* 12시를 기준으로 시계 방향으로 top, right, bottom, left 속성을 의미 */ padding: 40px 30px 20px 10px;