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}