2022.1

l Background image group:
l Source: Click the Select Image button to select an image via the "Select
Image dialog" on page541. Equivalent to the CSS background property.
l Size: Select auto, cover or contain (for an explanation see
https://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.
l Position: Select the position for the background-image. Equivalent to the CSS
background-position property.
Table Cell Formatting dialog
The Table Cell Formatting dialog defines how a particular cell in a table looks. For more
information see "Styling a table" on page312.
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" on page290 and "Styling templates with CSS files" on page292. For information
about specific properties and their options, see W3Schools CSS Reference.
Note
Using viewport based units (vw, vh, vmin, vmax) in Print sections is not recommended.
This may cause differences between the preview in the Designer and the printed output.
Cell Tab
l Width: Set the width of the table in measure or percentage. Equivalent to the CSS width
property.
l Height: Set the height of the table in measure or percentage. Equivalent to the CSS
height property.
l Vertical Align: Specify how text is vertically aligned in the cell: top, middle, bottom or
baseline. With the baseline value all the table data share the same baseline. Often this
has the same effect as the bottom value. However, if the fonts are in different sizes,
baseline looks better.
Page 553