Summarized test results:
CSS3 Text decoration, Line decoration

Intended audience: users, HTML coders, script developers, CSS coders, Web project managers, and anyone who wants to know whether browsers support the CSS Ruby spec.

These tests check whether user agents correctly apply the properties defined in the CSS Text Decoration spec related to text decoration. These are simple, user-oriented tests, designed to check basic functionality, rather than test all edge cases and implementation details.

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

text-decoration

horizontal

Notes

  1. Safari uses skip-ink by default for horizontal underlines and overlines, so the line is not solid. It doesn't appear to do the same for vertical text.
  2. text-decoration-003: On a Mac in Firefox, using default font for Arabic text , Mongolian Baiti for Mongolian, and the default font for Tibetan, the line through isn't centred on the characters, looking like an overline and two underlines, respectively. Perhaps the line is drawn in the centre of the line height, rather than through the characters?

vertical-rl

vertical-lr

sideways-rl

sideways-lr

text-decoration-line

horizontal

Notes

  1. Safari uses skip-ink by default for horizontal underlines and overlines, so the line is not solid. It doesn't appear to do the same for vertical text.
  2. text-decoration-003: On a Mac in Firefox, using default font for Arabic text , Mongolian Baiti for Mongolian, and the default font for Tibetan, the line through isn't centred on the characters, looking like an overline and two underlines, respectively. Perhaps the line is drawn in the centre of the line height, rather than through the characters?

vertical-rl

vertical-lr

sideways-rl

sideways-lr

text-decoration-style

text-decoration-skip

text-underline-position