2019.1

Applying style rules to an image
To format an image via a style sheet, first give the image an ID or class: select the image, and
enter the ID or class on the Attributes pane. This makes it possible to make the CSS style rule
target this image specifically, or a set of images with the same class. A style rule with the
selector img (the HTML image tag) would apply to all images.
Next, create the style rule; see "Styling templates with CSS files" on page271. Note that when
a property isn't present in the style rule editor, it can still be used: click the Advanced button in
the style rule editor; enter the property under Property, and its value under Value.
Resizing an image
There are several ways to resize an image after inserting it in the content of a template.
l
Click the image and drag the handles to resize it. Press the Shift key while dragging, to
scale the image proportionally.
l Select the image (see "Selecting an element" on page183) and type the desired width
and height in the respective fields on the Attributes pane.
l
Select the image and select Format > Image, on the menu. On the Image tab, change the
width and height of the image.
l Set the size of the image in a style sheet (see "Styling templates with CSS files" on
page271).
The size can be set in a measure or as a percentage of the containing element.
Reset the image size
To reset an image to its original size, select the image and click the Reset Image Size button
on the Attributes pane, under Geometry.
Positioning an image
Wrapping text around an image
Initially, when an image is inserted into a paragraph, it behaves as if it were a character. Text
isn't wrapped around an image automatically. To make that happen, you have to change the
float property of the image to left or right. This anchors the image to the left or right,
allowing text to be wrapped around it.
Page 295