Body background position

The initial position of the specified Body background image before any scrolling occurs. The offset is set from the upper left corner of the content body.

You can specify the values in pixels, CSS units, or via the following keywords (case sensitive):

•	left – Equivalent to 0% for the horizontal position.

•	right – Equivalent to 100% for the horizontal position.

•	top – Equivalent to 0% for the vertical position.

•	bottom – Equivalent to 100% for the vertical position.

•	center – Equivalent to 50% for the horizontal position if it is not otherwise given, or 50% for the vertical position if it is.

If you specify only one value, the second value is assumed to be center. If at least one value is not a keyword, then the first value represents the horizontal position and the second represents the vertical position.

Note:

If Body background attachment is set to fixed, the image is placed relative to the viewport (the viewing area on the screen) instead of the content body.

If no background position is defined for the driver, any background position specified in StoryTeller is used.

For more information about background image positions, see:

http://www.w3.org/TR/CSS21/colors.html

Example 8

Body background position

To offset the image 2 cm to the right and 1 cm below the upper left corner, use:

•

2cm 1cm

To offset the image 2 inches to the right of the upper left corner, but still aligned with the top, you can use one of the following:

•

2in top

•

2in 0

To offset the lower right corner of the image to the lower right corner of the content body, you can use one of the following:

•	right bottom

•

100% 100%