The Style Designer lets you modify or customize style sheets. By default the Style Designer dialog opens in the Font and Color tab and contains the following controls:
From the drop down list, select a style element you want to modify.
Click to add a new style class.
Click to rename the style class selected in the Style Classes dropdown list.
Click to delete the style class selected in the Style Classes dropdown list.
This property lists the fonts that are installed on the system. Click 
and 
to move the selected fonts between the Installed Fonts list and the Selected Fonts list.
This property specifies a hierarchical list of preferred fonts that a browser uses to draw the style class element. A browser uses the first font in the list that is installed on the system it is running on.
Click 
and 
to move the selected fonts up or down the hierarchy.
Select the font size from the dropdown list.
Select a font style from the dropdown list.
Select a font style from the dropdown list.
Select this option if you do not want any text decoration or special effects.
Select this option if you want the text to be underlined.
Select this option if you want the text to appear with a line through it.
Select this option if you want the text to appear with a line above it.
Select the foreground color for the text element by clicking the Browse button to the right of the Foreground Color property. Then select the color you want from the Color palette, and click OK.
Select the background color for the text element by clicking the Browse button to the right of the Background Color property. Then select the color you want from the Color palette, and click OK.
Select this option if you want the background of the style element to be transparent.
A sample of the style element is displayed in the preview area at the bottom of the dialog.
To set the position of the style element, click the Position tab. The Position tab contains the following controls:
From the dropdown list, select one of the positions for the element. The position property places an element in a static, absolute or relative position. Selecting a Static value will place the element in accordance with the normal flow. Selecting an Absolute value will place the element anywhere on a page. Selecting a Relative value moves the element relative to its normal position.
Enter a value for the left margin in the text box for the element. Select a size from the dropdown list. This property is disabled when the selected position is Static.
Enter a value for the top margin in the text box for the element. Select a size from the dropdown list. This property is disabled when the selected position is Static.
Enter a value for the width in the text box for the element. Select a size from the dropdown list.
Enter a value for the height in the text box for the element. Select a size from the dropdown list.
Enter a value for the stack order in the text box for the element. An element with greater stack order is always in front of an element with lower stack order. Z-index only works only on elements that have Absolute position.
Note: Elements can have negative stack orders.
Click the Other tab to set some of the specific properties for the element. The Other tab contains the following controls:
Select the type of the visibility for the element from the dropdown list. The Visibility property sets how the content of an element is displayed if it overflows its area.
Select the type of overflow for the element from the dropdown list. The Overflow property sets what happens if the content of an element overflow its set area.
Select the type of the display for the element from the dropdown list. The Display sets how an element is displayed.
Select the type of cursor for the element from the dropdown list. The cursor property specifies the type of cursor to be displayed when pointing on an element.
Click to close this dialog and save your changes.
Click to close the Style Designer dialog.
|
Copyright © 2013 CA.
All rights reserved.
|
|