Table Formatting dialog
The Table Formatting dialog defines how a table looks. Note that the settings are applied to the table as a whole. For example, when you change the border of the table, the borders of cells inside the table will not be changed. For more information see Styling a table.
All settings in this dialog are in fact CSS properties. Cascading Style Sheets (CSS) were originally designed for use with web pages: HTML files. Since Designer templates are HTML files, they are styled with CSS. To learn how to use CSS in the Designer, see Styling and formatting and Styling templates with CSS files. For information about specific properties and their options, see W3Schools CSS Reference.
Table Tab
- General group:
- Width: Set the width
of the table in measure or percentage. Equivalent to the CSS
width
property. - Height: Set the height
of the table in measure or percentage. Equivalent to the CSS
height
property. - Angle: Set the rotation
angle of the table in clockwise degrees. Equivalent to the CSS
transform:rotate property. - Corner radius:
Set the radius of rounded border corners in measure or
percentage. Equivalent to the CSS
border-radius property. - Display: Use the
drop-down or type in the value for how to display the table.
Equivalent to
the CSS
display property. - Overflow: Use the
drop-down or type in the value for how to handle overflow
(text that does not fit in the current size of the box). Equivalent to the CSS
overflow
property.
- Text wrap group:
- Float: Use the
drop-down or type in the value for how to float the table, if
the table is not in an absolute position. Equivalent to the CSS
float property. - Clear: Use the
drop-down or type in the value for clearing pre-existing alignments.
Equivalent
to the CSS
clear property.
- Positioning:
- Position: Use the
drop-down or type in the value for the type of positioning
for the table. Equivalent to the CSS
position property. - Top: Set the vertical
offset between this table and its parent's top position. Equivalent
to the CSS
top property. - Left: Set the horizontal
offset between this table and its parent's left position. Equivalent
to the CSS
left property. - Bottom: Set the
vertical offset between this table and its parent's bottom position.
Equivalent to the CSS
bottom property. - Right: Set the
horizontal offset between this table and its parent's left position.
Equivalent to the CSS
right property. - Z-index: Set the
z-index of the table. The z-index defines in which order elements appear. Equivalent
to the CSS
z-index property.
- Breaks group:
- Before: Specifies
how to handle page breaks before the table. Equivalent to
the CSS
page-break-before property. - Inside: Specifies
whether to accept page breaks within the table. Equivalent
to the CSS
page-break-inside property. - After: Specifies
how to handle page breaks after the table. Equivalent to
the CSS
page-break-after property. - Widows: Specifies
how to handle widows within the table (rows appearing alone
on the next page if the table does not fit on the current
one). Equivalent to the CSS
widows property. Widows
and orphans are ignored if the page-break-inside
property is set to avoid. - Orphans: Specifies
how to handle orphans within the tables (rows appearing alone
at the end of a page if the table does not fit on the current
one). Equivalent to the CSS
orphans property.
Spacing Tab
For information about spacing see Spacing.
- Padding group: Defines
padding (spacing inside the element) in measure or percentage:
- All sides: Check to
set all padding to use the Top value. Equivalent to the CSS
padding
property. - Top, Left, Bottom, Right:
Set padding for each side. Equivalent to the CSS
padding-left, padding-top, padding-right and padding-bottom properties.
- Margin group: Defines
margins (spacing outside the element) in measure or percentage:
- All sides: Check to
set all margins to use the Top value. Equivalent to the CSS
margin property. - Top, Left, Bottom, Right:
Set the margin for each side. Equivalent to the CSS
margin-left, margin-top, margin-right and margin-bottom properties.
Border Tab
For information about borders see Border.
- Same for all sides:
Defines
the border properties for all sides using the Top properties. Equivalent
to the CSS
border property.
- Top, Left, Bottom, Right:
Each group defines the following properties:
- Width: Specify the
thickness of the border. Equivalent to the CSS
border-widthproperty. - Style: Specify the
style of the border such as
solid, dashed
or dotted. Equivalent to the CSS border-style property. - Color: Specify the
color of the border. The color value must be a valid HTML Color Name, or a valid HTML Hex Color.
Equivalent to the CSS
border-color property.
Background Tab
For information about backgrounds see Background color and/or image.
- General group:
- Color: Specify the color of the table background. Cllick the small square to the right to open the Color Picker (see Color Picker). Equivalent to the CSS
background-color property.
- Background image group:
- Source: click the Select Image button to select an image via the Select Image dialog. Equivalent to the CSS
background property.
- Size: select
auto, cover or contain (for an explanation see http://www.w3schools.com/cssref/css3_pr_background-size.asp), or type the width and height of the image in a measure (e.g. 80px 60px) or as a percentage of the parent element's size (e.g. 50% 50%). Equivalent to the CSS background-size property.
- Position: select the position for the background-image. Equivalent to the CSS
background-position property.
|
|