Box model

Reference: CSS 2.2 Box model

In CSS the document tree contains elements. These elements generate rectangular boxes. These boxes are laid out according to the visual formatting model. Each box is made up of the following areas:

Margin (transparent)
Border
Padding
Content

See here for a test page involving element size JavaScript properties.