You can use the Style Composer to control default settings for font, background properties, position mode, flow control, margins, list styles, and visual effects.
To access the Style Composer, right-click an object on your HTML page and select Style from the shortcut menu.
To specify the font styles that will be used in the browser for your HTML page, make your selections in the Font window of the Style Composer.
The Font window of the Style Composer is comprised of the following elements:
Determines the font displayed in a browser.
You can specify: Family (launches the Font Picker dialog box) or System Font.
Determines the attributes of the font displayed in a browser.
The options include: Color, Italics, Small Caps.
Determines the size of the font displayed in a browser.
The options include: Specific, Absolute, Relative.
Determines whether the font is displayed as bold in a browser.
The options include: Absolute, Relative.
Determines whether the font effects are displayed in a browser.
The options include: None, Underline, Strikethrough, Overline, Capitalization.
To specify the background styles that will be used in the browser for your HTML page, make your selections in the Background window of the Style Composer.
The Background window of the Style Composer is comprised of the following elements:
Determines the background color of the HTML page.
You can specify: Color, Transparent.
Determines the properties of the background image displayed in a browser.
The options include: Image, Tiling, Scrolling, Position (Horizontal and Vertical), Do not use background image.
Note: When using a background image with scrolling enabled, you must specify the horizontal and vertical positions. If you do not specify these positions, your background image will not show. The horizontal and vertical positions are relative to the window and not the individual element.
To specify the text styles that will be used in the browser for your HTML page, make your selections in the Text window of the Style Composer.
The Text window of the Style Composer is comprised of the following elements:
Determines the alignment of text.
You can specify: Horizontal, Vertical, Justification.
Determines the spacing between text.
You can specify spacing between the following text elements: Letters, Lines.
Determines the flow of the text.
You can specify: Indentation, Text direction.
To specify the position mode that will be used in the browser for your HTML page, make your selections in the Position window of the Style Composer.
The Position window of the Style Composer is comprised of the following elements:
From which you can specify: Position in normal flow, Offset from normal flow, Absolutely position.
When Absolutely Position is selected, you can specify position indicators in the measurements.
You may specify: Top, Left, Z-Index.
Note: Z-Index is optional. It sets or retrieves the stacking order for absolute or relatively positioned objects.
To specify the layout styles that will be used in the browser for your HTML page, make your selections in the Layout window of the Style Composer.
The Layout window of the Style Composer is comprised of the following elements:
From which you can specify: Visibility, Allow text to flow, Display, Allow floating objects.
From which you can specify: Overflow.
From which you can specify whether or not to clip the layout from the following positions: Top, Bottom, Left, Right.
From which you can specify: Before, After.
To specify the margins, padding, and border styles that will be used in the browser for your HTML page, make your selections in the Edges window of the Style Composer.
The Edges window of the Style Composer is comprised of the following elements:
From which you can specify: Top, Bottom, Left, Right.
From which you can specify: Top, Bottom, Left, Right.
To specify the list styles that will be used in the browser for your HTML page, make your selections in the Lists window of the Style Composer.
The Lists window of the Style Composer is comprised of the following elements:
From which you can specify: Bulleted, Unbulleted.
From which you can specify: Style, Position, Custom bullet.
To specify the interface styles and visual effects that will be used in the browser for your HTML page, make your selections in the Other window of the Style Composer.
The Other window of the Style Composer is comprised of the following elements:
From which you can specify: Cursor.
From which you can specify: Borders, Layout.
To specify the Border settings that will be used in the browser for your HTML page, make your selections in the Border window of the Style Composer.
The Borders window of the Style Composer is comprised of the following elements:
Determines which border should be styled, what type of style should be applied, the width of the border, and the color of the border.
Determines the whether your border corners will be rounded. You can style each individual corner to be rounded. You can also specify by how much they are rounded and whether all corners should be equally rounded.