위의 그림을 해석해보자면, • 주황색은 margin 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px • 노란색은 border 영역, 보더의 두께는 5px이다. • 초록색은 padding 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px • 요소의 가로는 273px, 세로는 90px
그리고 주의할 점은 위의 그림에서 273px이라는 가로 값은 padding영역이 합쳐진 가로 길이다.