×
Menu
Index

Page Properties Style tab

Page Properties Style tab
1

Container

1. Container
Select which container of this page to apply the CSS styles. There are six containers: body, outer-container, container, header-area, content-area and footer-area. The following table lists the position of each container and their size. Please note that the header-area, content-area and footer-area exist only when the content area and footer area are defined in the template page.
 
Container
Position
Width
Height
body
the lowest of all containers
the width of the browser
the height of the browser
outer-container
above the body container
the width of the browser
the height of the browser
header-area
above the outer-container
the width of the browser
From the top of the page to the top of the content-area
content-area
above the outer-container
the width of the browser
Start from the bottom of the header-area and extend to the top of the footer-area
footer-area
above the outer-container
the width of the browser
Start from the bottom of the content-area and extend to the height of the actual contents of the footer-area
container
above the header, content and footer area
the width of the actual contents of a page
the height of the actual contents of a page
 
2

List of styles

2. List of styles
Show a list of styles applied to the selected container.
3

Add... button

3. Add... button
Add a style to the selected container by selecting from a list of available styles.
4

Remove button

4. Remove button
Remove the selected styles from the list.
5

Edit... button

5. Edit... button
Open the CSS Style Editor Dialog to edit the selected style.