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.
Note that depending on your browser and browser version, you might not be able to apply
text and background colors using the rgba, hsl, or hsla color value models.