Updated: 2026-07-11
βοΈ Settings
ποΈ Live Preview
In typography, a drop cap is a decorative element where the first letter of a paragraph is enlarged and spans multiple lines. This technique originates from medieval manuscript illumination and remains widely used in books, magazines, and web design. The CSS initial-letter property makes implementing drop caps simple and flexible.
π CSS Code
π‘ Guide
- initial-letter: CSS property controlling how many lines the first letter spans
- Size (lines): Number of text lines the initial letter occupies, typically 2-5
- Raise: Number of lines to raise the initial letter upward
- Browser support: Chrome 110+, Safari 9+; use float fallback for Firefox
- Everything runs locally: Letter Color and Font Weight are processed on your device, never sent to a server