2018.1

Table Of Contents
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 page614 and "Styling templates with CSS files" on page616. For information
about specific properties and their options, see W3Schools CSS Reference.
For more information about the use of images, see "Images" on page599 and "Styling an
image" on page639.
Image Tab
l
General group:
l
Width: Set the width of the image in measure or percentage. Equivalent to the CSS
width property.
l
Height: Set the height of the image in measure or percentage. Equivalent to the
CSS height property.
l
Angle: Set the rotation angle of the image in clockwise degrees. Equivalent to the
CSS transform:rotate property.
l
Corner radius: Set the radius of rounded border cornersin measure or percentage.
Equivalent to the CSS border-radius property.
l
Display: Use the drop-down or type in the value for how to display the image.
Equivalent to the CSS display property.
l
Overflow: Use the drop-down or type in the value for how to handle overflow (the
part of the image that does not fit in the current size of the box). Equivalent to the
CSS overflow property.
l
Source: Enter the web address or local file address of the image. Equivalent to the
HTML src attribute.
l
Alternate text: Enter an alternate text for the image. This is displayed in browsers
and email clients when the image is loading or if the image cannot be displayed. It
is also used for accessibility. Equivalent to the HTML alt attribute.
l
Text wrap group:
l
Float: Use the drop-down or type in the value for how to float the image, if the image
is not in an absolute position (see Position, below). Equivalent to the CSS float
property.
Page 749