이 도표는 기본(generic) CSS 박스의 내용(content), 패딩(padding), 보더(border)와 마진(margin)의 네가지 박스 지역(box area)들을 설명한다.

네개의 네스트(nest)된 박스들이 있다: 그 내용 지역(content area)은 가장 안쪽에, 그 다음 패딩(padding), 보더(border)와 마진(margin) 지역들이다.
각 지역은 그 모서리(edge)를 구별하기 위하여 다른 보더 스타일(style)을 사용했다:
내용 모서리는 얇은 실선(thin solid);
패딩은 얇은 대쉬(-)점선(thin dashed);
보더는 굵은 실선;
마진은 굵은 대쉬점선(dashed).

그 아래 박스들의 네 모서리에 대한 보더 스타일 범례 목록이 있다.