2022.2

Note: Itisalsopossibletosetanelement'sbackgroundinastylesheet;see"Stylingtemplates
withCSSfiles"onpage672.WhenreferringtoimagesorfontsfromaCSSfile,refertoapath
thatisrelativetothecurrentpath,whichiscss/.Forexample:#header { background-image:
url('../images/image.jpg'); }.
Border
Inanytypeoftemplate,boxes,tablesandtablecells,paragraphs,imagesandotherelementscanhave
aborder.
Elementshavearectangularshape,sotheirborderhasfoursides.Eachsideofthebordercanhavea
differentlayout.
Addingaborder
1. 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.
2. ClicktheBordertab.
3. UnchecktheoptionSame for all sidestobeabletostyleeachsideoftheborderseparately.
4. Specifythewidthoftheborder(side).Thisisequivalenttotheborder-widthpropertyinCSS.
5. Specifythestyleoftheborder(side),suchassolid,dashedordotted.Thisisequivalenttothe
border-stylepropertyinCSS.
6. Specifythecoloroftheborder(side):selectanamedcolor(definedinthe"ColorsProperties"on
page879)fromthedrop-down,orclickthecoloredsquaretoopentheColorPickerdialog("Color
Picker"onpage878).AlternativelyyoucouldtypeanameorvalueintheColorfielddirectly.It
mustbeapredefinedCSScolorname(CSScolornames),ahexadecimalcolorcode(HTMLHex
Color),anRGBcolorvalue,forexamplergb(216,255,170)oraCMYKcolorvalue,for
examplecmyk(15%, 0%, 33%, 0%).
Thissettingisequivalenttotheborder-colorpropertyinCSS.
Note: Itisalsopossibletosetanelement'sborderinastylesheet;see"Stylingtemplateswith
CSSfiles"onpage672.
Roundingcorners
Anyelementinatemplatecanhaveroundedcorners.Forboxesandimages,thisoptionisavailablein
theFormattingdialog.Forotherelements,youhavetocreateaCSSruletosettheborder-radiusof
theelement(orclassofelements).
Page 697