The first-letter pseudo-element

The first-letter pseudo-element allows you to style the first letter of a text in an element.

Syntax

cssselector::first-letter {
  
}

Example

Let's apply styles to the first letters of each paragraph:

html<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp::first-letter {
  color: red;
  font-size: 27px;
}

Результат: