Menu
Index

CSS Style Editor Dialog

CSS Style Editor Dialog
 
Define style rules using this dialog. Style rules can then be applied to the elements of a web page. When there are changes made to the style rules, all elements using that style will be changed.
1

Text tab

1. Text tab
 
2

Background tab

2. Background tab
3

Borders tab

3. Borders tab
4

Box tab

4. Box tab
5

List tab

5. List tab
6

Custom tab

6. Custom tab
7

Elements tab

7. Elements tab
8

Preview pane

8. Preview pane
Show the results of the style rules.
9

Styles

9. Styles
Click the header to rotate among sorting methods. The list can be shown in it's original order determined by the time the style is added to the list or it can be sorted by ascending or descending order. Ascending and descending order can speed up locating the style. However the original order is important in that when there are two styles which both have the same style rule, e.g. color, the one defined in the style that come lower in the list will be used. For example, there are two styles, style1 and style2. The colors of style1 and style2 are set to #FFFFFF (white) and #000000 (black) respectively.  Style2 is below style1 on the list. When both style1 and style2 are assigned to a text element, the color of style2 will win and the text of the text element will be black.
10

Add button

10. Add button
Add a new style.
11

Remove button

11. Remove button
Remove the selected style.
12

Duplicate button

12. Duplicate button
Create a duplicate style from the selected style.
13

Rename button

13. Rename button
Change the name of the style.
14

Up button

14. Up button
Move the selected style up.
15

Down button

15. Down button
Move the selected style down.
16

Custom button

16. Custom button
Open the Custom CSS Dialog to add CSS styles to the global style sheet.
17

List of Styles

17. List of Styles
Show a list of styles.
18

OK button

18. OK button
Click OK to save the defined styles.
19

Cancel button

19. Cancel button
Cancel editing styles and close this dialog.