Web platform features explorer

The initial-letter CSS property sets the number of lines the first letter of an element occupies. You can use the property to make a raised capital or drop cap.

Status

Limited availability

MDN documentation

initial-letter

Specifications

CSS Inline Layout Module Level 3 (#sizing-drop-initials), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 110 Released on 2023-02-07
Chrome Android 110 Released on 2023-02-07
Edge 110 Released on 2023-02-09
Firefox ❌ See bugzil.la/1223880 Vendor position : unknown
Firefox for Android ❌ See bugzil.la/1223880 Vendor position : unknown
Safari ❌ Vendor position : support
Safari on iOS ❌ Vendor position : support

Developer signals

State of CSS 2025: usage/css_interoperability_features question
State of CSS 2025: typography/typography_pain_points question
State of CSS 2025: reading_list/reading_list question
State of CSS 2025: features/all_features question
State of CSS 2024: reading_list/reading_list question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~0.076% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 3

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist