CSS: First Letter

By Xah Lee. Date: . Last updated: .

What is ::first-letter

::first-letter is a CSS Pseudo-Element Selector. it lets you style the first letter of a paragraph.

Example

What time is it?

Code

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