| 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