These tests check whether user agents highlight expected characters when the ::first-letter selector is used in CSS. These are simple, user-oriented tests, designed to check basic functionality, rather than test all edge cases and implementation details.
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'. Where the instructions tell you to look for red characters, these characters should be clearly discernable behind the black text of the test – ignore any anti-aliasing 'glow'.
Key:
| pass | fail | partially successful |
This test checks whether first-letter has an effect on a single Latin character. If a browser doesn't pass this test, the remaining tests are moot.
The first grapheme cluster should be selected, rather than just the first character.
Does the browser tailor its selection to deal with the Dutch ij?
The first grapheme cluster should be selected, rather than just the first character.
The browser should tailor its selection to account for the fact that Devanagari conjuncts and orthographic syllables should not be split.
Notes
Firefox appears to support selection of orthographic syllables for some sequences but not others, using the webfont that is applied (Noto Serif Devanagari). But the results also appear to vary by font. If you want to explore this further, there is an exploratory test that allows you to change the font to any on your system.