Summarized test results:
Selectors, first-letter

Intended audience:users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know whether the CSS pseudo-class ::first-letter works as specified.

These tests check whether user agents highlight expected characters when the ::first-letter selector is used in CSS.

The tests check whether ::first-letter selects just the first character on the line, or the first grapheme cluster (ie. a sequence of characters that form a logical unit, such as a base character and it's combining characters).

To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested.

Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.

Key:

pass fail partially successful

Latin text

Devanagari text

Notes

  1. None of the browsers support selection of conjoined consonants. These are basic units in indic scripts, and all component characters need to be highlighted together, but this goes beyond the definition of a grapheme cluster in the Unicode Standard.

    These results mean that ::first-letter is of little use for languages such as Hindi and Marathi at the moment, even on Firefox. Text in those languages does use things such as drop caps at the start of a paragraph, but that would therefore have to be coded into the HTML manually using spans.

  2. Firefox can sometimes appear to support more complex sequences. This doesn't happen in these tests, which download a WOFF font to show the devanagari characters. But if, on a Mac, the Devanagari MT system font is applied to the test (see this version of the test), the following correct selections are produced.

    Picture of screen.

    This appears to be very font specific: it works with the Devanagari MT font, but not with other fonts on the system used. It also only works when a left-sighted vowel-sign is used. The other conjuncts on the page failed.

    It also appears to be Firefox specific.