2022.2

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671and"Styl-
ingtemplateswithCSSfiles"onpage672.Forinformationaboutspecificpropertiesandtheiroptions,
seeW3SchoolsCSSReference.
Formoreinformationabouttheuseofimages,see"Images"onpage649and"Stylinganimage"on
page693.
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.Equi-
valent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.
l
Clear:Usethedrop-downortypethevaluetoclearpre-existingalignments.Equivalentto
theCSSclearproperty.
Page 887