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 Designer 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. |
Was this helpful?
Last modified date: 11/13/2024