HTML, XHTML & CSS

86
Part III: Taking Precise Control Over Web Pages and Styles
Syntax for changing capitalization
This style declaration uses the text-transform property:
selector {text-transform: value;}
The value of the text-transform property may be one of the following:
✓ capitalize: Capitalizes the first character in every word
✓ uppercase: Renders all letters of the text of the specified element in
uppercase
✓ lowercase: Renders all letters of the text of the specified element in
lowercase
✓ none: Keeps the value of the inherited element
Markup for changing capitalization
The following example renders the first-level heading in uppercase (shown in
Figure 11-7):
body {color: black; font-family: Arial, sans-serif; font-size: 85%;}
a {font-weight: bold;}
a:link {color: olive; text-decoration: underline;}
a:visited {color: green; text-decoration: none;}
h1 {font-family: “Trebuchet MS”, verdana, geneva, arial, helvetica, sansserif;
font-size: 2em; line-height: 2.5em; color: teal; text-transform: uppercase;
text-align: center}
Figure 11-7: The first-level heading is rendered in all uppercase.