left arrow right arrow help header logo background

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

Elements tab

5. Elements tab
6

Preview pane

6. Preview pane
Show the results of the style rules.
7

Styles

7. 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.
8

Add button

8. Add button
Add a new style.
9

Remove button

9. Remove button
Remove the selected style.
10

Duplicate button

10. Duplicate button
Create a duplicate style from the selected style.
11

Rename button

11. Rename button
Change the name of the style.
12

Up button

12. Up button
Move the selected style up.
13

Down button

13. Down button
Move the selected style down.
14

List of Styles

14. List of Styles
Show a list of styles.
15

OK button

15. OK button
Click OK to save the defined styles.
16

Cancel button

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