2022.2

1. ClicktheAdvancedbuttonatthebottomoftheFormattingdialog.
2. UnderProperty,typeborder-collapse.
3. UnderValue,typeseparate.
4. Addapaddingtokeepthetablecellsfromstickingoutoftheroundedcorners:underProperty
typepaddingandunderValuetypeameasureforthepadding.
5. ClickOK,andclickOKagaintoclosetheFormattingdialog.
Ifthetable'sroundedcornersarestillnot(fully)visible,checkthestylesfortablecells.Tablecellscan
havetheirownbackgroundcolorandbythat,hidethetable'sbackgroundcolor-includingtherounded
corners.Tablecellscanhaveroundedcornersaswell,justasanyotherelements;seebelow.
Other elements
Toroundthecornersofelementsotherthanboxesandimages,ortohavedifferentroundingsondif-
ferentcorners,youhavetomakeuseoftheCSSproperty:border-radius;see
https://www.w3schools.com/css/css3_borders.asp.
Thisis,forexample,howyoucouldroundthecornersofaparagraph:
1. Selecttheparagraph(see"Selectinganelement"onpage174)andthenselectFormat > Para-
graphonthemenu,orright-clicktheparagraphandselectParagraphontheshortcutmenu.
2. ClicktheAdvancedbuttonatthebottomoftheFormattingdialog.
3. UnderProperty,typeborder-radius.
4. UnderValue,typethevalueofthecornerradiusinameasure(10mm,5px,0.5in)orpercentage
(0-90%).
5. ClickOK,andclickOKagaintoclosetheFormattingdialog.
Using a CSSfile
OfcourseyoucouldalsoaddthisruletoaCSSfile;see"StylingtemplateswithCSSfiles"onpage261.
Thefollowingrulesetstheborder-radiusofthecornersofallparagraphsto5pixels:
p { border-radius: 5px; }.
Tomakethisruleapplytoonespecificparagraph,firstgivetheparagraphanID(selecttheparagraph
andtypetheID,forexamplerounded,ontheAttributespane).ThenaddtheIDtotheselectorofthe
CSSrule,forexample
p#rounded { border-radius: 5px; }
Page 287