The ::first-letter

//the following example formats the first letter of the text in all <p> elements

p::first-letter {
  color: #ff0000;
  font-size: xx-large;
}
  • Is used to add a special style to the first letter of a text.
  • Can only be applied to block-level elements.
  • The following properties apply to the ::first-letter pseudo- element:  font properties, color properties, background properties, margin properties, padding properties, border properties, text-decoration, vertical-align (only if "float" is "none"), text-transform, line-height, float, clear.

The ::first-letter — Structure map

Clickable & Draggable!

The ::first-letter — Related pages: