CSS: ::first-letter

By Xah Lee. Date: . Last updated: .

The ::first-letter CSS Pseudo Element let you style the first letter of a paragraph.

Here is a example:

What time is it?

Here is the code:

<p class="fchar199">What time is it?</p>
p.fchar199::first-letter {font-size:40px}

CSS: Pseudo-Elements


CSS

Basics

Selectors

Color

Font

Text Decoration

Box Model

Box Decoration

Layout

Layers

Transform/Animation

Line Wrap

Misc