First-letter

Syntax: <element>:first-letter {value}
Possible Values: any font manipulating declaration
Initial Value: Not defined
Applies to: block-level elements
Inherited: No

The first-letter pseudo-class is used to create drop caps and other effects. The first letter of text within an assigned selector will be rendered according to the value assigned.

Example

p:first-letter {color : blue; font-size : 150%}

div:first-letter {font-family : Arial, sans-serif; font-weight : bold}

h3:first-letter {font-weight : bold; font-style : italic}


See example in action