You can define the outer bounds of a box.
The x-Size and y-Size properties specify the
inner size of the box; if we specify a box to be 3cm wide and have a 1mm thick border on all sides,
for example, the box's outer bounds will appear to be 3.2cm wide. This conforms to the CSS
specification.
You can define the outer bounds of a box instead:
- Determine the x-Size
and y-Size values by
subtracting the width of the borders from the desired height and width. For example, if you want a
box to be 3cm wide on the outside while having 1mm borders on all sides, calculate the width to be
3cm-2mm=2.8cm wide.
- If you want a box to have the same size as its parent, however, set both the x-Size and y-Size properties to the value
max. You do not have to subtract the borders, since the system automatically adjusts the
value of max in cases where the box has borders. For example, if the box has a 1mm border and
is contained in a box that is 3cm high and wide, the outer bounds of the contained box will also be
3cm.
Note: Do not use
expressions that contain
max as only one of its components, such as max/2, to specify
the height and width of bordered boxes. Doing so can have unexpected results.