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

Start free with Google Start free with Email

::first-letter CSS pseudo-element selector

The CSS pseudo-element property ::first-letter applies the defined CSS styling to the first letter of the first sentence of the element. This property works only if there is no preceding content such as images or tables etc. CSS Syntax element::first-letter /* CSS Code */ ;

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

6 - 8

9 - 11

12 - 111

2 - 3

3.6 - 113

4 - 4

9 - 114

3.2 - 4

5.1 - 16.4

10.5 - 11.5

11.6 - 95

Fully Supported

Partially

No Support

Specifications

CSS Pseudo-Elements Module Level 4 # first-letter-pseudo

Syntax

/* CSS3 syntax */
 ::first-letter /* CSS2 syntax */
 :first-letter

Browser Compatibility

::first-letter CSS pseudo-element selector on IE is fully supported on 9-11 and partially supported on 6-8 IE versions.

::first-letter CSS pseudo-element selector on Edge is fully supported on all Edge versions.

::first-letter CSS pseudo-element selector on Firefox is fully supported on 3.6-113 and partially supported on 2-3 Firefox versions.

::first-letter CSS pseudo-element selector on Chrome is fully supported on 9-114 and partially supported on 4-4 Chrome versions.

::first-letter CSS pseudo-element selector on Safari is fully supported on 5.1-16.4 and partially supported on 3.2-4 Safari versions.

::first-letter CSS pseudo-element selector on Opera is fully supported on 11.6-95 and partially supported on 10.5-11.5 Opera versions.

::first-letter CSS pseudo-element selector on Safari on iOS is fully supported on all Safari on iOS versions.

::first-letter CSS pseudo-element selector on Android Browser is fully supported on 3-111 and partially supported on 2.3-2.3 Android Browser versions.

::first-letter CSS pseudo-element selector on Opera Mobile is fully supported on 12.1-73 and partially supported on 10-11 Opera Mobile versions.

::first-letter CSS pseudo-element selector on Chrome for Android is fully supported on all Chrome for Android versions.

::first-letter CSS pseudo-element selector on Firefox for Android is fully supported on all Firefox for Android versions.

::first-letter CSS pseudo-element selector on Samsung Internet is fully supported on all Samsung Internet versions.

Browser Support for ::first-letter CSS pseudo-element selector

::first-letter CSS pseudo-element selector on Chrome

::first-letter CSS pseudo-element selector on Safari

::first-letter CSS pseudo-element selector on Firefox

::first-letter CSS pseudo-element selector on Internet Explorer

::first-letter CSS pseudo-element selector on Opera

::first-letter CSS pseudo-element selector on Edge

References

Data sourced from

100

High

Overall Browser Compatibility Score

Note:::first-letter CSS pseudo-element selector shows a browser compatibility score of 100. 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 ::first-letter CSS pseudo-element selector & more

Test your website for ::first-letter CSS pseudo-element selector and other web technologies. Get 100 FREE automation test minutes!

Test Now