Cybrarian.com™ View Reports Customization

Explore and Learn More(sm)

Styles easily apply a set of formatting choices consistently throughout your document.

A style is a set of formatting characteristics, such as font name, size, color, paragraph alignment and spacing. Some styles even include borders and shading.

Style Basics in Microsoft® Office Word

Microsoft Office Word makes it easy to benefit from styles without having to know much about them. However, you may want to know how styles work behind the scenes.

For example, instead of taking three separate steps to format your heading as 16-point, bold, Cambria, you can achieve the same result in one step by applying the built-in Heading1 style.

If you later decide that you want headings to have a different look, you can change the Heading1 and Heading2 styles, and Word automatically updates all instances of them in the document.

You can also apply a different style to change the look of the headings without making changes to the Word styles.

Character styles

Character styles contain formatting characteristics that can be applied to text, such as font name, size, color, bold, italic, underline, borders, and shading.

Character styles do not include formatting that affects paragraph characteristics, such as line spacing, text alignment, indentation, and tab stops.

Word includes several built-in character styles, such as Emphasis, Subtle Emphasis, and Intense Emphasis. Each of these built-in styles combines formatting, such as bold, italic, and accent color, to provide a coordinated set of typographic designs. For example, applying the Emphasis character style formats text as bold, italic, in an accent color.

To apply a character style, you select the text that you want to format, and then you click the character style that you want.

The text that you selected is formatted with the characteristics of the style that you chose.

Paragraph styles

A paragraph style includes everything that a character style contains, but it also controls all aspects of a paragraph's appearance, such as text alignment, tab stops, line spacing, and borders.

For example, you can have a character style called Alert that formats text as bold and red. Additionally, you can have a paragraph style called Headline that formats text as bold and red. But the Headline paragraph style also centers the text horizontally and adds 24 points of space above the text.

In this scenario, if you select a paragraph and then apply the Alert style, all the text in the paragraph is formatted as bold and red, but nothing else about the paragraph changes. However, if you select the paragraph and then apply the Headline style, the text become bold and red, extra space is inserted before the paragraph, and the paragraph is centered between the left and right margins.

Word includes a built-in paragraph style: Normal Paragraph. By default, Word automatically applies the Normal paragraph style to all text in a blank, new document.

To apply a paragraph style, you select the paragraphs that you want to format, and then you click the paragraph style you want.

To select a single paragraph for applying a paragraph style, you can click anywhere in the paragraph. To select more than one paragraph, click anywhere in the first paragraph and drag to anywhere in the last paragraph that you want to select. You do not need to select the entire paragraph.

Table Styles

A table style provides a consistent look to borders, shading, alignment and fonts in tables.

To apply a table style, you select the table that you want to format, and then you click a table style from the gallery of table styles on the Design tab, on the Table Tools contextual tab. Within a table cell, you can use styles and direct formatting to format the content of the cell. Formatting that you apply this way overrides the formatting that comes from the table style.

You can apply formatting to the content of a table, such as changing the header row to blue.

When you switch to a different table style, the header row remains blue.

You can change the selection of table styles in the gallery by selecting or clearing check boxes in the Table Style Options section on the Design tab, before you open the gallery of table styles. For example, if your table has no header row, and you don't want rows to alternate shading, clear the Header Row and Banded Rows check boxes. When you open the gallery of table styles, you see previews that do not include formatting for header rows or banded rows.

Explore and Learn More(sm)

If you want formatting choices that are not available from the built-in styles, you can create custom styles to suit your needs.

The easiest way to create a custom style is to modify a built-in style and then save it as a new style.

For example, you might want to format a table of numbers with a Arial, 9 point blue with a white background.

Font Properties

Property Description
font Sets all the font properties in one declaration
font-family Specifies the font family for text
font-size Specifies the font size of text
font-style Specifies the font style for text
font-variant Specifies whether or not a text should be displayed in a small-caps font
font-weight Specifies the weight of a font

Text Properties

Property Description
color Sets the color of text
letter-spacing Increases or decreases the space between characters in a text
line-height Sets the line height
text-align Specifies the horizontal alignment of text
text-decoration Specifies the decoration added to text
text-indent Specifies the indentation of the first line in a text-block
text-shadow Specifies the shadow effect added to text
text-transform Controls the capitalization of text
vertical-align Sets the vertical alignment of an element
word-spacing Increases or decreases the space between words in a text

Background Properties

Property Description
background-color Sets the background color of an element

Colors

Colors Sorted by Lightness.   Colors Sorted by Hue.
Color Name RGB Value
White #FFFFFF
F5F5F5 WhiteSmoke #F5F5F5
FFFAFA Snow #FFFAFA
FFE4E1 MistyRose #FFE4E1
FFF5EE Seashell #FFF5EE
FAF0E6 Linen #FAF0E6
FAEBD7 AntiqueWhite #FAEBD7
FFEBCD BlanchedAlmond #FFEBCD
FFEFD5 PapayaWhip #FFEFD5
FDF5E6 OldLace #FDF5E6
FFFAF0 FloralWhite #FFFAF0
FFF8DC Cornsilk #FFF8DC
FFFACD LemonChiffon #FFFACD
F5F5DC Beige #F5F5DC
FAFAD2 LightGoldenrodYellow #FAFAD2
FFFFF0 Ivory #FFFFF0
FFFFE0 LightYellow #FFFFE0
F0FFF0 Honeydew #F0FFF0
F5FFFA MintCream #F5FFFA
F0FFFF Azure #F0FFFF
E0FFFF LightCyan #E0FFFF
F0F8FF AliceBlue #F0F8FF
E6E6FA Lavender #E6E6FA
F8F8FF GhostWhite #F8F8FF
FFF0F5 LavenderBlush #FFF0F5
DCDCDC Gainsboro #DCDCDC
D3D3D3 LightGrey #D3D3D3
FFDAB9 PeachPuff #FFDAB9
FFE4C4 Bisque #FFE4C4
FFDEAD NavajoWhite #FFDEAD
FFE4B5 Moccasin #FFE4B5
F5DEB3 Wheat #F5DEB3
EEE8AA PaleGoldenrod #EEE8AA
AFEEEE PaleTurquoise #AFEEEE
FFC0CB Pink #FFC0CB
FFB6C1 LightPink #FFB6C1
C0C0C0 Silver #C0C0C0
F08080 LightCoral #F08080
FA8072 Salmon #FA8072
FFA07A LightSalmon #FFA07A
DEB887 BurlyWood #DEB887
F0E68C Khaki #F0E68C
90EE90 LightGreen #90EE90
98FB98 PaleGreen #98FB98
7FFFD4 Aquamarine #7FFFD4
B0E0E6 PowderBlue #B0E0E6
ADD8E6 LightBlue #ADD8E6
87CEEB SkyBlue #87CEEB
87CEFA LightSkyBlue #87CEFA
B0C4DE LightSteelBlue #B0C4DE
D8BFD8 Thistle #D8BFD8
DDA0DD Plum #DDA0DD
EE82EE Violet #EE82EE
FF69B4 HotPink #FF69B4
A9A9A9 DarkGray #A9A9A9
BC8F8F RosyBrown #BC8F8F
FF6347 Tomato #FF6347
E9967A DarkSalmon #E9967A
FF7F50 Coral #FF7F50
F4A460 SandyBrown #F4A460
D2B48C Tan #D2B48C
8FBC8F DarkSeaGreen #8FBC8F
66CDAA MediumAquamarine #66CDAA
6495ED CornflowerBlue #6495ED
7B68EE MediumSlateBlue #7B68EE
9370DB MediumPurple #9370DB
DA70D6 Orchid #DA70D6
DB7093 PaleVioletRed #DB7093
808080 Gray #808080
CD5C5C IndianRed #CD5C5C
FF0000 Red #FF0000
FF4500 OrangeRed #FF4500
CD853F Peru #CD853F
FF8C00 DarkOrange #FF8C00
FFA500 Orange #FFA500
FFD700 Gold #FFD700
BDB76B DarkKhaki #BDB76B
FFFF00 Yellow #FFFF00
9ACD32 YellowGreen #9ACD32
ADFF2F GreenYellow #ADFF2F
7FFF00 Chartreuse #7FFF00
32CD32 LimeGreen #32CD32
00FF00 Lime #00FF00
00FF7F SpringGreen #00FF7F
40E0D0 Turquoise #40E0D0
48D1CC MediumTurquoise #48D1CC
00FFFF Cyan #00FFFF
00FFFF Aqua #00FFFF
5F9EA0 CadetBlue #5F9EA0
00BFFF DeepSkyBlue #00BFFF
1E90FF DodgerBlue #1E90FF
778899 LightSlateGray #778899
708090 SlateGray #708090
4169E1 RoyalBlue #4169E1
0000FF Blue #0000FF
6A5ACD SlateBlue #6A5ACD
8A2BE2 BlueViolet #8A2BE2
BA55D3 MediumOrchid #BA55D3
FF00FF Magenta #FF00FF
FF00FF Fuchsia #FF00FF
FF1493 DeepPink #FF1493
696969 DimGray #696969
A52A2A Brown #A52A2A
B22222 FireBrick #B22222
A0522D Sienna #A0522D
D2691E Chocolate #D2691E
DAA520 Goldenrod #DAA520
7CFC00 LawnGreen #7CFC00
3CB371 MediumSeaGreen #3CB371
00FA9A MediumSpringGreen #00FA9A
20B2AA LightSeaGreen #20B2AA
00CED1 DarkTurquoise #00CED1
4682B4 SteelBlue #4682B4
0000CD MediumBlue #0000CD
9932CC DarkOrchid #9932CC
9400D3 DarkViolet #9400D3
C71585 MediumVioletRed #C71585
DC143C Crimson #DC143C
8B4513 SaddleBrown #8B4513
B8860B DarkGoldenrod #B8860B
6B8E23 OliveDrab #6B8E23
556B2F DarkOliveGreen #556B2F
228B22 ForestGreen #228B22
2E8B57 SeaGreen #2E8B57
483D8B DarkSlateBlue #483D8B
8B0000 DarkRed #8B0000
800000 Maroon #800000
808000 Olive #808000
008000 Green #008000
2F4F4F DarkSlateGray #2F4F4F
008B8B DarkCyan #008B8B
008080 Teal #008080
191970 MidnightBlue #191970
00008B DarkBlue #00008B
000080 Navy #000080
4B0082 Indigo #4B0082
8B008B DarkMagenta #8B008B
800080 Purple #800080
006400 DarkGreen #006400
000000 Black #000000
 
Color Name RGB Value
LightPink #FFB6C1
FFC0CB Pink #FFC0CB
DC143C Crimson #DC143C
FFF0F5 LavenderBlush #FFF0F5
DB7093 PaleVioletRed #DB7093
FF69B4 HotPink #FF69B4
FF1493 DeepPink #FF1493
C71585 MediumVioletRed #C71585
DA70D6 Orchid #DA70D6
D8BFD8 Thistle #D8BFD8
DDA0DD Plum #DDA0DD
EE82EE Violet #EE82EE
FF00FF Magenta #FF00FF
FF00FF Fuchsia #FF00FF
8B008B DarkMagenta #8B008B
800080 Purple #800080
BA55D3 MediumOrchid #BA55D3
9400D3 DarkViolet #9400D3
9932CC DarkOrchid #9932CC
4B0082 Indigo #4B0082
8A2BE2 BlueViolet #8A2BE2
9370DB MediumPurple #9370DB
7B68EE MediumSlateBlue #7B68EE
6A5ACD SlateBlue #6A5ACD
483D8B DarkSlateBlue #483D8B
E6E6FA Lavender #E6E6FA
F8F8FF GhostWhite #F8F8FF
0000FF Blue #0000FF
0000CD MediumBlue #0000CD
191970 MidnightBlue #191970
00008B DarkBlue #00008B
000080 Navy #000080
4169E1 RoyalBlue #4169E1
6495ED CornflowerBlue #6495ED
B0C4DE LightSteelBlue #B0C4DE
778899 LightSlateGray #778899
708090 SlateGray #708090
1E90FF DodgerBlue #1E90FF
F0F8FF AliceBlue #F0F8FF
4682B4 SteelBlue #4682B4
87CEFA LightSkyBlue #87CEFA
87CEEB SkyBlue #87CEEB
00BFFF DeepSkyBlue #00BFFF
ADD8E6 LightBlue #ADD8E6
B0E0E6 PowderBlue #B0E0E6
5F9EA0 CadetBlue #5F9EA0
F0FFFF Azure #F0FFFF
E0FFFF LightCyan #E0FFFF
AFEEEE PaleTurquoise #AFEEEE
00FFFF Cyan #00FFFF
00FFFF Aqua #00FFFF
00CED1 DarkTurquoise #00CED1
2F4F4F DarkSlateGray #2F4F4F
008B8B DarkCyan #008B8B
008080 Teal #008080
48D1CC MediumTurquoise #48D1CC
20B2AA LightSeaGreen #20B2AA
40E0D0 Turquoise #40E0D0
7FFFD4 Aquamarine #7FFFD4
66CDAA MediumAquamarine #66CDAA
00FA9A MediumSpringGreen #00FA9A
F5FFFA MintCream #F5FFFA
00FF7F SpringGreen #00FF7F
3CB371 MediumSeaGreen #3CB371
2E8B57 SeaGreen #2E8B57
F0FFF0 Honeydew #F0FFF0
90EE90 LightGreen #90EE90
98FB98 PaleGreen #98FB98
8FBC8F DarkSeaGreen #8FBC8F
32CD32 LimeGreen #32CD32
00FF00 Lime #00FF00
228B22 ForestGreen #228B22
008000 Green #008000
006400 DarkGreen #006400
7FFF00 Chartreuse #7FFF00
7CFC00 LawnGreen #7CFC00
ADFF2F GreenYellow #ADFF2F
556B2F DarkOliveGreen #556B2F
9ACD32 YellowGreen #9ACD32
6B8E23 OliveDrab #6B8E23
F5F5DC Beige #F5F5DC
FAFAD2 LightGoldenrodYellow #FAFAD2
FFFFF0 Ivory #FFFFF0
FFFFE0 LightYellow #FFFFE0
FFFF00 Yellow #FFFF00
808000 Olive #808000
BDB76B DarkKhaki #BDB76B
FFFACD LemonChiffon #FFFACD
EEE8AA PaleGoldenrod #EEE8AA
F0E68C Khaki #F0E68C
FFD700 Gold #FFD700
FFF8DC Cornsilk #FFF8DC
DAA520 Goldenrod #DAA520
B8860B DarkGoldenrod #B8860B
FFFAF0 FloralWhite #FFFAF0
FDF5E6 OldLace #FDF5E6
F5DEB3 Wheat #F5DEB3
FFE4B5 Moccasin #FFE4B5
FFA500 Orange #FFA500
FFEFD5 PapayaWhip #FFEFD5
FFEBCD BlanchedAlmond #FFEBCD
FFDEAD NavajoWhite #FFDEAD
FAEBD7 AntiqueWhite #FAEBD7
D2B48C Tan #D2B48C
DEB887 BurlyWood #DEB887
FFE4C4 Bisque #FFE4C4
FF8C00 DarkOrange #FF8C00
FAF0E6 Linen #FAF0E6
CD853F Peru #CD853F
FFDAB9 PeachPuff #FFDAB9
F4A460 SandyBrown #F4A460
D2691E Chocolate #D2691E
8B4513 SaddleBrown #8B4513
FFF5EE Seashell #FFF5EE
A0522D Sienna #A0522D
FFA07A LightSalmon #FFA07A
FF7F50 Coral #FF7F50
FF4500 OrangeRed #FF4500
E9967A DarkSalmon #E9967A
FF6347 Tomato #FF6347
FFE4E1 MistyRose #FFE4E1
FA8072 Salmon #FA8072
FFFAFA Snow #FFFAFA
F08080 LightCoral #F08080
BC8F8F RosyBrown #BC8F8F
CD5C5C IndianRed #CD5C5C
FF0000 Red #FF0000
A52A2A Brown #A52A2A
B22222 FireBrick #B22222
8B0000 DarkRed #8B0000
800000 Maroon #800000
FFFFFF White #FFFFFF
F5F5F5 WhiteSmoke #F5F5F5
DCDCDC Gainsboro #DCDCDC
D3D3D3 LightGrey #D3D3D3
C0C0C0 Silver #C0C0C0
A9A9A9 DarkGray #A9A9A9
808080 Gray #808080
696969 DimGray #696969
000000 Black #000000

Additional Style Properties

Border and Outline Properties

Property Description
border Sets all the border properties in one declaration
border-bottom Sets all the bottom border properties in one declaration
border-bottom-color Sets the color of the bottom border
border-bottom-style Sets the style of the bottom border
border-bottom-width Sets the width of the bottom border
border-color Sets the color of the four borders
border-left Sets all the left border properties in one declaration
border-left-color Sets the color of the left border
border-left-style Sets the style of the left border
border-left-width Sets the width of the left border
border-right Sets all the right border properties in one declaration
border-right-color Sets the color of the right border
border-right-style Sets the style of the right border
border-right-width Sets the width of the right border
border-style Sets the style of the four borders
border-top Sets all the top border properties in one declaration
border-top-color Sets the color of the top border
border-top-style Sets the style of the top border
border-top-width Sets the width of the top border
border-width Sets the width of the four borders
outline Sets all the outline properties in one declaration
outline-color Sets the color of an outline
outline-style Sets the style of an outline
outline-width Sets the width of an outline

Padding Properties

Property Description
padding Sets all the padding properties in one declaration
padding-bottom Sets the bottom padding of an element
padding-left Sets the left padding of an element
padding-right Sets the right padding of an element
padding-top Sets the top padding of an element

Margin Properties

Property Description
margin Sets all the margin properties in one declaration
margin-bottom Sets the bottom margin of an element
margin-left Sets the left margin of an element
margin-right Sets the right margin of an element
margin-top Sets the top margin of an element

Links

Property Description
:hover Adds a style to an element when you mouse over it
:link Adds a style to an unvisited link
:visited Adds a style to a visited link

Print Properties

Property Description
orphans Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element
page-break-after Sets the page-breaking behavior after an element
page-break-before Sets the page-breaking behavior before an element
page-break-inside Sets the page-breaking behavior inside an element
widows Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element

Explore and Learn More(sm)

Learn more about Styles: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/overview/css_overviews_entry.asp