Text Styles

This page demonstrates how different styles affect the appearance of Web page text. Enter your sample text in the box in the upper-right corner of this page. When you press the Tab key, the text will be copied to the Preview box. Set the styles for the preview text by entering or selecting the style value from the input boxes on the left and then pressing the Tab key. To apply the default style values, enter or select "default". The style selections will be applied automatically to the preview text and the style code will be displayed in the box on the lower-right of the page. To reset all of the styles to their default values, click the Reset Styles button at the bottom of the page.

color ( , , )
background-color ( , , )
font-family
font-style
font-weight
text-align
font-size unit
letter-spacing unit
word-spacing unit
line-height unit
text-indent unit
text-decoration
text-transform
font-variant

Preview

 

Style

none
Carey, P. New Perspectives on HTML and XHTML, Course Technology: Boston, 2004.