Table of Contents

Previous

Next


Background Properties

In terms of the CSS box model, the background for a style refers to the background of the content and the padding areas. If you increase the padding for a style, the background color area for that style also increases.

Color

Specifies the color for the background. Select a color from the list or type the RGB value of the color, such as FFFFFF. RGB value refers to the web standard hexadecimal notation for Red, Green, and Blue color values. RGB values can range from the lowest RGB value of 0 (hex #00) to the highest value of 255 (hex #FF). For example, the RGB hexidecimal notation for black is 000000 and white is FFFFFF.

Image

Specifies the background image. This field lists only the image files located in the Files folder of your project. If this field does not list the background image you want, press F12 and verify the image is in the Files folder for your project. Once you copy the image into the Files folder, ePublisher displays it in the field list.

ePublisher Pro automatically transforms your source document images during project generation to an optimized version for online distribution. However, you can manually modify your project image settings through the Graphic Styles properties in Style Designer. In Graphic Styles, you can specify the following image settings: border styles and colors; width, height, and positioning; surrounding space (padding); maximum width or height; size, resolution, and color bit depth; file format and quality level; and transparency or grayscale appearance.

Tiling

Specifies whether the background image repeats. The table must be larger than the background image to see the image repeated in the background. The background image size also determines if an image repeat shows when set horizontally or vertically. The values for this setting are defined as follows:

 

Value

Description

No repeat

Indicates the background image does not repeat.

Repeat

Indicates the background image repeats.

Repeat horizontally

Indicates the background image repeats horizontally.

Repeat vertically

Indicates the background image repeats vertically.

Scrolling

Specifies whether the background image remains in a fixed location as the user scrolls down the page. The values for this setting are defined as follows:

 

Value

Description

Scroll

Scrolls the background image as the user scrolls through the page contents.

Fixed

Keeps the background image in a fixed location as the user scrolls through the page contents.

Horizontal

Specifies the starting horizontal position of a background image. The values for this setting are defined as follows:

 

Value

Description

Custom

The background image aligns based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em unit (em), x-height (ex), inches (in), millimeters (mm), pica (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-width.

Left

The left side of the background image aligns with the leftmost side of the page.

Center

The center of the background image aligns with the center of the page.

Right

The right side of the background image aligns with the right of the page.

Vertical

Specifies the starting vertical position of a background image. The values for this setting are defined as follows:

 

Value

Description

Custom

The background image aligns based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em unit (em), x-height (ex), inches (in), millimeters (mm), pica (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-height.

Top

The top of the background image aligns with the top of the tallest element on the line

Center

The center of the background image aligns with the middle of the parent element bottom.

Bottom

The bottom of the background image aligns with the lowest element on the line.

ePublisher/2009.3/Help/04.Reference_Information/2.057.ePublisher_Window_Descriptions (last edited 2009-11-16 17:49:40 by TonyMcDow)