Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

first-letter

The :first-letter pseudo-element allows you to change the style of the first letter of a paragraph. You can use it to create drop capitals and other effects. For example:

p:first-letter {font-size: 300%; color: blue; float: left;}

This creates a drop capital three times as big as the normal font size in blue. Here is an example:

Not all browsers support this property; Internet Explorer 5.5 does but earlier versions do not.

You should also note that only certain properties apply to first-letter. You can use font, color , background, margin, padding and border properties. You can also use text-decoration, text-transform, text-shadow, vertical-align, line-height, and clear.