2022.2

Tip: YoucanquicklychangethepositionpropertyofanelementinaPrintorWebsectionby
right-clickingitandselectingConvert to AbsoluteorConvert to Inline.
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Websections,settingthepositionpropertytoabsolutemaysometimesbeusefulforelements
insideaDivelement,butingeneral,elementsshouldnotbepositionedabsolutely.DesignsfortheWeb
shouldbeflexiblesothattheydisplaynicelyonavarietyofdevicesandscreensizes.
InEmailsections,donotusethisproperty.UseTablesinstead(see"DesigninganEmailtemplate"on
page472and"Table"onpage655).
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570)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672).
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672and"Writingyourownscripts"onpage808.)
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.
Page 688