2022.2

p {
color: MyColor;
}
CMYK colors
Youmayusethecustomcmyk()CSSfunctiontoassignaCMYKcolortoanyelement,oraseriesofele-
ments.ThefollowingexampleassignsasteelbluecolorasabackgroundforallH1elements:
h1 {
background-color: cmyk(33%, 17%, 0%, 20%);
}
Coloring text
Insteadofusingastylesheet(seeabove),youcancolortextlocally:
1. SelecttextoranHTMLelementthatcontainstext(see"Selectinganelement"onpage570).
2. Onthemenu,selectFormat > Color,orclicktheblacktriangleontheText colortoolbarbutton.
3. Selectoneofthecolorsinthelist,orclickOthertosetallaspectsofthetextstyle,includingtext
colorand/orbackgroundcolor.
Coloring backgrounds and borders
Insteadofusingastylesheet(seeabove),youcancolorabackgroundorborderlocally.Thisishow:
1. SelectanHTMLelement(see"Selectinganelement"onpage570).
2. OntheFormatmenu,clicktheelement.Foradivelement,clickBox.TheFormattingdialog
opensup.
3. ClicktheBorderorBackgroundtab.
4. ClickthedownwardpointingarrownexttoColortoselectacolorfromthelistofpredefinedcol-
ors(see"Definingcolors,spotcolorsandtints"onpage699).
Alternatively,clickthesmallrectangletotherightofthecolorlisttoopentheColorPickerdialog.
Inthisdialogyoucanselectacolorfromthecolorwheel.Youcanalsochoosethecolormode:
RGBorCMYK.Foranexplanationofthesetwomodes,see"Definingcolors,spotcolorsand
tints"onpage699;foranexplanationoftheotheroptionsinthisdialog,see"ColorPicker"on
page878.
YoucouldalsotypeanameorvalueintheColorfielddirectly.Itmustbeavalidcolorname(see
colornamesonw3schools),ahexadecimalcolorcode(seew3school'scolorpicker),RGBcolor
value,forexamplergb(216,255,170)orCMYKcolorvalue,forexamplecmyk(15%, 0%,
Page 702