Formatting

CSS Box Model

Block level elements, follow the CSS box model (see w3C Schools: CSS Box Model). Their padding, border, margins and background can all be styled.

At the very outside of the box are the margins. each margin's size can be set individualy:

@page {
    margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 2.5cm;
    margin-right: 2.5cm
}

Or you can use the shorthand property to specify all four margins together.

@page {
    margin: 2cm 2.5cm 2cm 2.5cm
}

The syntax of the shorthand property is:

margin: top right bottom left

If there are only:

• three values: then the left margin is set equal to the right margin;
• two values: then the left margin is set equal to the right margin, and the bottom margin is set equal to the top margin;
• one value: then all margins are made equal.