Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

CSS Initial Letter

The css-initial-letter property allows you to create an enlarged cap, including a drop or raised cap, in a robust way. The shape of the letter is preserved and its edges will not be cut off along the side of the frame.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 109

110 - 111

2 - 113

4 - 111

112 - 114

3.2 - 8

9.1 - 16.4

9.5 - 95

Fully Supported

Partially

No Support

Formal Definition

Inherited

Applies to

::first-letter pseudo-elements and inline-level first child of a block container

Initial value

normal

Animation type

discrete

Computed value

as specified

Specifications

CSS Inline Layout Module Level 3 # sizing-drop-initials

Browser Compatibility

CSS Initial Letter on IE is not supported on any IE versions.

CSS Initial Letter on Edge is partially supported on 110-111, and not supported on 12-109 Edge versions.

CSS Initial Letter on Firefox is not supported on any Firefox versions.

CSS Initial Letter on Chrome is partially supported on 112-114, and not supported on 4-111 Chrome versions.

CSS Initial Letter on Safari is partially supported on 9.1-16.4, and not supported on 3.2-8 Safari versions.

CSS Initial Letter on Opera is not supported on any Opera versions.

CSS Initial Letter on Safari on iOS is partially supported on 9.3-16.4, and not supported on 3.2-8 Safari on iOS versions.

CSS Initial Letter on Android Browser is not supported on any Android Browser versions.

CSS Initial Letter on Opera Mobile is not supported on any Opera Mobile versions.

CSS Initial Letter on Chrome for Android is partially supported on 110-111, and not supported on 97-109 Chrome for Android versions.

CSS Initial Letter on Firefox for Android is not supported on any Firefox for Android versions.

CSS Initial Letter on Samsung Internet is not supported on any Samsung Internet versions.

Browser Support for CSS Initial Letter

CSS Initial Letter on Chrome

CSS Initial Letter on Safari

CSS Initial Letter on Firefox

CSS Initial Letter on Internet Explorer

CSS Initial Letter on Opera

CSS Initial Letter on Edge

References

Data sourced from

Low

Overall Browser Compatibility Score

Note:CSS Initial Letter shows a browser compatibility score of 22. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS Initial Letter & more

Test your website for CSS Initial Letter and other web technologies. Get 100 FREE automation test minutes!

Test Now