2022.2

Foranexplanationofallvaluesthatthepositionpropertycanpossiblyhave,see
https://www.w3schools.com/css/css_positioning.asp.
Where to use it
InPrintsections,settingthepositionpropertytoabsolutecanbeveryuseful.Ittakestheelement
outofthetextflow,sothattheelementstayswhereitisonthepage.OnMasterPages(whichareonly
usedinPrintsections)elementsarealwayspositionedabsolutely;ifnot,theymustbelocatedinsidean
elementthathasanabsoluteposition.
InEmailsections,donotusethisproperty.UseTablesinstead(see"DesigninganEmailtemplate"on
page151and"Table"onpage244).
How to use it
IntheFormattingdialogthepositionpropertycanoftenbefoundonthefirsttab,underPositioning.
ToopentheFormattingdialog,right-clicktheelementandclicktherespectiveelementontheshortcut
menu.Alternatively,selecttheelement(see"Selectinganelement"onpage174)andontheFormat
menuclicktherespectiveelement.
Thispropertyisn'tpresentinoneofthetabmenusofthestyleruleeditor,butyoucanadditandspecify
avalueafterclickingtheAdvancedbuttoninthestyleruleeditor(see"StylingtemplateswithCSSfiles"
onpage261).
AbouttheCSSdisplayproperty
ThedisplaypropertyisoneofthemostimportantCSSpropertiesforcontrollinglayout.Yetitis
unlikelythatyouwilluseitoftentopositionelementsinatemplate:inmostcases,theinitialvalueofthe
displaypropertyforanelementwillbetherightone.
Itismorelikelythatyouwillusethispropertyinstylesheetsandscriptstohidecertainelements,byset-
tingthevalueofthispropertytonone(display: none;).(See"StylingtemplateswithCSSfiles"on
page261and"Writingyourownscripts"onpage368.)
Foranonlinetutorialaboutthisproperty,seew3schoolswebsite.
Rotating elements
Inanytypeoftemplate,boxes,images,tables,textandotherelementscanberotated.
ThetoolbarbuttonsRotate ClockwiseandRotate Counter Clockwiserotatetheelementinwhich
thecursorislocated90degreesatatime.
Torotateanelementintoanotherangleposition,usethe'angle'CSSpropertyoftheelement.Inmost
cases,thiscanbedoneintheelement'sFormattingdialog.Inothercases,suchaswithtext,youhave
toentertheCSSpropertyandvaluemanually.Bothmethodsareexplainedinthefollowingprocedure.
Page 277