×
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

Block tab

4. Block tab
5

Box tab

5. Box tab
6

List tab

6. List tab
7

Effects

7. Effects
<TODO>: Insert description text here...
8

Custom tab

8. Custom tab
9

Elements tab

9. Elements tab
10

Pseudo Class tab

10. Pseudo Class tab
11

Selectors

11. Selectors
<TODO>: Insert description text here...
12

Preview pane

12. Preview pane
Show the results of the style rules.
13

Styles

13. 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.
14

Breakpoint

14. Breakpoint
Select the breakpoint that the style will be applied to. It can be blank, tablet or mobile. If it is blank, the style will be generally applied.
15

Add button

15. Add button
Add a new style.
16

Remove button

16. Remove button
Remove the selected style.
17

Duplicate button

17. Duplicate button
Create a duplicate style from the selected style.
18

Rename button

18. Rename button
Change the name of the style.
19

Up button

19. Up button
Move the selected style up.
20

Down button

20. Down button
Move the selected style down.
21

Font Faces

21. Font Faces
22

Custom button

22. Custom button
Open the Custom CSS Dialog to add CSS styles to the global style sheet.
23

Presets

23. Presets
24

Calculator

24. Calculator
25

Unused

25. Unused
Select the styles that are not used. It is used to review styles that have not been used in the website.
26

List of Styles

26. List of Styles
Show a list of styles.
27

OK button

27. OK button
Click OK to save the defined styles.
28

Cancel button

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