initial-letter
A modern way to create 'drop caps' (large first letters at the start of a paragraph). You can specify how many lines high the letter should be and how many lines it should sink into the text.
It is documented as part of the CSS Inline specification.
Syntax
/* Usage Example */
.intro-text::first-letter {
/* Makes the first letter 3 lines tall */
initial-letter: 3;
margin-right: 1.5rem;
}
/* Syntax */
initial-letter: normal;
/* Global values */
initial-letter: inherit;
initial-letter: initial;
initial-letter: revert;
initial-letter: revert-layer;
initial-letter: unset;initial-letter Browser support
Newly available
Since
2024 91% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
110+
122+
9+
110+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more