Make your own free website on
Lessons Community Resources Tools


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.


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