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.
Updated
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 |
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration underline text-decoration-001.html |
text-decoration:underline; there is a line at or under the alphabetic baseline | pass | pass | pass | pass | pass |
| text-decoration overline text-decoration-002.html |
text-decoration:overline; there is an overline | pass | pass | pass | pass | pass |
| text-decoration line-through text-decoration-003.html |
text-decoration:line-through; there is a solid line through the centre of the characters | pass | pass | pass | pass | pass |
| text-decoration underline overline text-decoration-004.html |
text-decoration:underline overline; there is an overline and an underline | pass | pass | pass | pass | pass |
| text-decoration underline non-Latin text-decoration-001a.html |
text-decoration:underline; works for various non-Latin scripts [exploratory test] | pass | pass | pass | pass | pass |
| text-decoration overline non-Latin text-decoration-002a.html |
text-decoration:overline; works for various non-Latin scripts [exploratory test] | pass | pass | pass | pass | pass |
| text-decoration line-through non-Latin text-decoration-003a.html |
text-decoration:line-through; works for various non-Latin scripts [exploratory test] | pass | pass | pass | pass | pass |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration underline tbrl (zh) text-decoration-041.html |
text-decoration:underline; there is a line to the LEFT of the characters | pass | pass | pass | pass | pass |
| text-decoration underline tbrl mixed text-decoration-040a.html |
text-decoration:underline; there is an unbroken line to the LEFT of the characters for each lines | pass | pass | partial | pass | pass |
| text-decoration underline tbrl hor scripts text-decoration-040.html |
text-decoration:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: vertical-rl | pass | pass | pass | pass | pass |
| text-decoration underline tbrl (ja) text-decoration-042.html |
text-decoration:underline; there is a line to the RIGHT of the characters for Japanese [exploratory test] | pass | fail | pass | fail | pass |
| text-decoration underline tbrl mixed (ja) text-decoration-040b.html |
text-decoration:underline; there is an unbroken line to the RIGHT of the characters for each lines in Japanese [exploratory test] | pass | fail | fail | fail | pass |
| text-decoration overline tbrl (zh) text-decoration-045.html |
text-decoration-line:overline; there is a line to the RIGHT of the characters | pass | pass | pass | pass | pass |
| text-decoration overline tbrl mixed text-decoration-046a.html |
text-decoration-line:overline; there is an unbroken line to the RIGHT of the characters for all lines | pass | partial | partial | partial | pass |
| text-decoration overline tbrl hor scripts text-decoration-044.html |
text-decoration-line:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: vertical-rl | pass | pass | pass | pass | pass |
| text-decoration overline tbrl (ja) text-decoration-046.html |
text-decoration-line:overline; there is a line to the LEFT of the characters for Japanese [exploratory test] | pass | fail | pass | fail | fail |
| text-decoration overline tbrl mixed (ja) text-decoration-046b.html |
text-decoration-line:overline; there is an unbroken line to the LEFT of the characters for all lines in Japanese [exploratory test] | pass | fail | fail | fail | fail |
| text-decoration line-through vertical-rl text-decoration-048.html |
text-decoration:line-through; there is a solid vertical line through the centre of the characters | pass | pass | partial | pass | pass |
| text-decoration line-through vertical-rl hor scripts text-decoration-048a.html |
text-decoration:line-through; there is a solid vertical line through the centre of the characters | pass | pass | pass | pass | pass |
| text-decoration vertical-rl over+under text-decoration-049.html |
text-decoration:underline overline; there is a vertical line on both sides of the characters | pass | pass | partial | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration underline tblr text-decoration-080.html |
text-decoration:underline; there is a line to the RIGHT of the characters [exploratory test] | fail | fail | fail | fail | fail |
| text-decoration overline tblr text-decoration-081.html |
text-decoration:overline; there is a line to the LEFT of the characters [exploratory test] | fail | fail | fail | fail | fail |
| text-decoration line-through tblr text-decoration-085.html |
text-decoration:line-through; there is a solid vertical line through the centre of the characters. | pass | pass | pass | pass | pass |
| text-decoration underline overline tblr text-decoration-082.html |
text-decoration:underline overline; there is a line on both sides of the characters | pass | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration underline sideways-rl text-decoration-090.html |
text-decoration:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration overline sideways-rl text-decoration-091.html |
text-decoration:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration line-through sideways-rl text-decoration-092.html |
text-decoration:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration underline sideways-rl non-Latin text-decoration-090a.html |
text-decoration:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration overline sideways-rl non-Latin text-decoration-091a.html |
text-decoration:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration line-through sideways-rl non-Latin text-decoration-092a.html |
text-decoration:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration underline sideways-lr text-decoration-095.html |
text-decoration:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration overline sideways-lr text-decoration-096.html |
text-decoration:overline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration line-through sideways-lr text-decoration-097.html |
text-decoration:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration underline sideways-lr non-Latin text-decoration-095a.html |
text-decoration:underline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration overline sideways-lr non-Latin text-decoration-096a.html |
text-decoration:overline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration line-through sideways-lr non-Latin text-decoration-097a.html |
text-decoration:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-line underline text-decoration-line-001.html |
text-decoration-line:underline; there is a line at or under the alphabetic baseline | pass | pass | pass | fail | fail |
| text-decoration-line overline text-decoration-line-002.html |
text-decoration-line:overline; there is an overline | pass | pass | pass | fail | fail |
| text-decoration-line line-through text-decoration-line-003.html |
text-decoration-line:line-through; there is a solid line through the centre of the characters | pass | pass | pass | fail | fail |
| text-decoration-line underline overline text-decoration-line-004.html |
text-decoration-line:underline overline; there is an overline and an underline | pass | pass | pass | fail | fail |
| text-decoration-line underline non-Latin text-decoration-line-001a.html |
text-decoration-line:underline; works for various non-Latin scripts [exploratory test] | pass | pass | pass | skipped | skipped |
| text-decoration-line overline non-Latin text-decoration-line-002a.html |
text-decoration-line:overline; works for various non-Latin scripts [exploratory test] | pass | pass | pass | skipped | skipped |
| text-decoration-line line-through non-Latin text-decoration-line-003a.html |
text-decoration-line:line-through; works for various non-Latin scripts [exploratory test] | pass | pass | pass | skipped | skipped |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-line underline tbrl (zh) text-decoration-line-041.html |
text-decoration-line:underline; there is a line to the LEFT of the characters | pass | pass | pass | fail | fail |
| text-decoration-line underline tbrl mixed text-decoration-line-040a.html |
text-decoration-line:underline; there is an unbroken line to the LEFT of the characters for each lines | pass | pass | partial | fail | fail |
| text-decoration-line underline tbrl hor scripts text-decoration-line-040.html |
text-decoration-line:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: vertical-rl | pass | pass | pass | fail | fail |
| text-decoration-line underline tbrl (ja) text-decoration-line-042.html |
text-decoration-line:underline; there is a line to the RIGHT of the characters for Japanese [exploratory test] | pass | fail | pass | fail | fail |
| text-decoration-line underline tbrl mixed (ja) text-decoration-line-040b.html |
text-decoration-line:underline; there is an unbroken line to the RIGHT of the characters for each lines in Japanese [exploratory test] | pass | fail | fail | fail | fail |
| text-decoration-line overline tbrl (zh) text-decoration-line-045.html |
text-decoration-line-line:overline; there is a line to the RIGHT of the characters | pass | pass | pass | fail | fail |
| text-decoration-line overline tbrl mixed text-decoration-line-046a.html |
text-decoration-line-line:overline; there is an unbroken line to the RIGHT of the characters for all lines | pass | partial | partial | fail | fail |
| text-decoration-line overline tbrl hor scripts text-decoration-line-044.html |
text-decoration-line-line:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: vertical-rl | pass | pass | pass | fail | fail |
| text-decoration-line overline tbrl (ja) text-decoration-line-046.html |
text-decoration-line-line:overline; there is a line to the LEFT of the characters for Japanese [exploratory test] | pass | fail | pass | fail | fail |
| text-decoration-line overline tbrl mixed (ja) text-decoration-line-046b.html |
text-decoration-line-line:overline; there is an unbroken line to the LEFT of the characters for all lines in Japanese [exploratory test] | pass | fail | fail | fail | fail |
| text-decoration-line line-through vertical-rl text-decoration-line-048.html |
text-decoration-line:line-through; there is a solid vertical line through the centre of the characters | pass | pass | partial | fail | fail |
| text-decoration-line line-through vertical-rl hor scripts text-decoration-line-048a.html |
text-decoration-line:line-through; there is a solid vertical line through the centre of the characters | pass | pass | pass | fail | fail |
| text-decoration-line vertical-rl over+under text-decoration-line-049.html |
text-decoration-line:underline overline; there is a vertical line on both sides of the characters | pass | pass | pass | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-line underline tblr text-decoration-line-080.html |
text-decoration-line:underline; there is a line to the RIGHT of the characters [exploratory test] | fail | fail | fail | fail | fail |
| text-decoration-line overline tblr text-decoration-line-081.html |
text-decoration-line:overline; there is a line to the LEFT of the characters [exploratory test] | fail | fail | fail | fail | fail |
| text-decoration-line line-through tblr text-decoration-line-085.html |
text-decoration-line:line-through; there is a solid vertical line through the centre of the characters. | pass | pass | pass | fail | fail |
| text-decoration-line underline overline tblr text-decoration-line-082.html |
text-decoration-line:underline overline; there is a line on both sides of the characters | pass | pass | pass | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-line underline sideways-rl text-decoration-line-090.html |
text-decoration-line:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line overline sideways-rl text-decoration-line-091.html |
text-decoration-line:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line line-through sideways-rl text-decoration-line-092.html |
text-decoration-line:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line underline sideways-rl non-Latin text-decoration-line-090a.html |
text-decoration-line:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line overline sideways-rl non-Latin text-decoration-line-091a.html |
text-decoration-line:overline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line line-through sideways-rl non-Latin text-decoration-line-092a.html |
text-decoration-line:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-line underline sideways-lr text-decoration-line-095.html |
text-decoration-line:underline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-rl | pass | skipped | skipped | skipped | skipped |
| text-decoration-line overline sideways-lr text-decoration-line-096.html |
text-decoration-line:overline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration-line line-through sideways-lr text-decoration-line-097.html |
text-decoration-line:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration-line underline sideways-lr non-Latin text-decoration-line-095a.html |
text-decoration-line:underline; there is a line to the RIGHT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration-line overline sideways-lr non-Latin text-decoration-line-096a.html |
text-decoration-line:overline; there is a line to the LEFT of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
| text-decoration-line line-through sideways-lr non-Latin text-decoration-line-097a.html |
text-decoration-line:line-through; there is a line through the CENTRE of the characters for horizontal scripts set vertically using writing-mode: sideways-lr | pass | skipped | skipped | skipped | skipped |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-style solid text-decoration-style-009.html |
text-decoration:underline; text-decoration-style:solid; there is a solid line below the characters | pass | pass | pass | pass | pass |
| text-decoration-style double text-decoration-style-010.html |
text-decoration:underline; text-decoration-style:double; there is a double solid line below the characters | pass | pass | pass | fail | fail |
| text-decoration-style dashed text-decoration-style-011.html |
text-decoration:underline; text-decoration-style:dashed; there is a dashed line below the characters | pass | pass | pass | fail | fail |
| text-decoration-style dotted text-decoration-style-012.html |
text-decoration:underline; text-decoration-style:dotted; there is a dotted line below the characters | pass | pass | pass | fail | fail |
| text-decoration-style wavy text-decoration-style-014.html |
text-decoration:underline; text-decoration-style:wavy; there is a wavy line below the characters | pass | pass | pass | fail | fail |
| text-decoration-style solid tbrl text-decoration-style-060.html |
text-decoration:underline; text-decoration-style:solid; there is a solid vertical line on one side of the characters | pass | pass | pass | pass | pass |
| text-decoration-style double tbrl text-decoration-style-061.html |
text-decoration:underline; text-decoration-style:double; there is a solid vertical double line on one side of the characters | pass | pass | pass | fail | fail |
| text-decoration-style dashed tbrl text-decoration-style-062.html |
text-decoration:underline; text-decoration-style:dashed; there is a dashed vertical line on one side of the characters | pass | pass | pass | fail | fail |
| text-decoration-style dotted tbrl text-decoration-style-063.html |
text-decoration:underline; text-decoration-style:dotted; there is a dotted vertical line on one side of the characters | pass | pass | pass | fail | fail |
| text-decoration-style wavy tbrl text-decoration-style-064.html |
text-decoration:underline; text-decoration-style:wavy; there is a wavy vertical line on one side of the characters | pass | pass | pass | fail | fail |
| text-decoration-style overline dashed tbrl text-decoration-style-065.html |
text-decoration:overline; text-decoration-style:dashed; there is a dashed vertical line on one side of the characters | pass | pass | pass | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-decoration-skip spaces text-decoration-skip-015.html |
text-decoration:underline; text-decoration-skip:spaces; the line below the characters skips ordinary spaces | fail | fail | fail | fail | fail |
| text-decoration-skip spaces non-Latin text-decoration-skip-015a.html |
text-decoration:underline; text-decoration-skip:spaces; the line below the characters skips spaces | skipped | skipped | skipped | skipped | skipped |
| text-decoration-skip white space text-decoration-skip-015b.html |
text-decoration:underline; text-decoration-skip:spaces; the line below the characters skips the spaces | fail | fail | fail | fail | fail |
| text-decoration-skip word separators text-decoration-skip-015c.html |
text-decoration:underline; text-decoration-skip:spaces; the line below the characters skips the characters around the words | fail | fail | fail | fail | fail |
| text-decoration-skip ink text-decoration-skip-016.html |
text-decoration:underline; text-decoration-skip:ink; the line below the characters avoids overwriting glyph ink | fail | pass | pass | partial | fail |
| text-decoration-skip edges text-decoration-skip-017.html |
text-decoration:underline; text-decoration-skip:edges; there is a small gap in the line where the two spans meet | fail | fail | fail | fail | fail |
| text-decoration-skip spaces ink text-decoration-skip-018.html |
text-decoration:underline; text-decoration-skip:spaces ink; spaces are skipped and there is a small gap in the line where the two spans meet | skipped | skipped | skipped | skipped | skipped |
| text-decoration-skip spaces tbrl text-decoration-skip-066.html |
text-decoration:underline; text-decoration-skip:spaces; the line alongside the characters skips spaces | fail | fail | fail | fail | fail |
| text-decoration-skip mongolian NNBSP text-decoration-skip-068.html |
text-decoration:underline; text-decoration-skip:spaces; the line alongside the characters DOES NOT skip the NNBSP (the 1st gap in the text), but does skip ordinary space (the 2nd gap) [exploratory test] | fail | fail | fail | fail | fail |
| text-decoration-skip ink tbrl text-decoration-skip-069.html |
text-decoration:underline; text-decoration-skip:ink; the line alongside the characters avoids overwriting glyph ink | partial | pass | pass | fail | fail |
| text-decoration-skip edges tbrl text-decoration-skip-070.html |
text-decoration:underline; text-decoration-skip:spaces ink; there is a small gap in the line where the two spans meet | fail | fail | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Canary | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| text-underline-position auto text-underline-position-019.html |
text-decoration:underline; text-underline-position:auto; the underline is placed at or under the alphabetic baseline, unless the script works better with a line further from the baseline | partial | pass | pass | partial | pass |
| text-underline-position under text-underline-position-020.html |
text-decoration:underline; text-underline-position:under; the underline is low enough to avoid crossing the descenders | partial | partial | partial | fail | fail |
| text-underline-position under left text-underline-position-021.html |
text-decoration:underline; text-underline-position:under left; the underline is low enough to avoid crossing the descenders | partial | fail | fail | fail | fail |
| text-underline-position under right text-underline-position-022.html |
text-decoration:underline; text-underline-position:under right; the underline is low enough to avoid crossing the descenders | partial | fail | fail | fail | fail |
| text-underline-position tbrl auto vertical-rl text-underline-position-071.html |
text-decoration:underline; text-underline-position:auto; the underline is placed alongside the characters, and may or may not cross any descenders | pass | pass | pass | pass | pass |
| text-underline-position under vertical-rl text-underline-position-072.html |
text-decoration:underline; text-underline-position:under; the line is far enough away to avoid crossing any descenders | partial | partial | partial | fail | fail |
| text-underline-position left vertical-rl text-underline-position-073.html |
text-decoration:underline; text-underline-position:left; the line is to the left of the characters for all lines | fail | pass | partial | pass | fail |
| text-underline-position under left vertical-rl text-underline-position-074.html |
text-decoration:underline; text-underline-position:under left; the line is to the left of the characters for all lines | fail | pass | partial | pass | fail |
| text-underline-position right vertical-rl text-underline-position-075.html |
text-decoration:underline; text-underline-position:right; the line is to the right of the characters for all lines | fail | fail | fail | fail | fail |
| text-underline-position under right vertical-rl text-underline-position-076.html |
text-decoration:underline; text-underline-position:under right; the line is to the right of the characters for all lines | fail | fail | fail | fail | fail |
Spec links for this table: link
Tests CSS Text Decoration Module Level 3 (editor's copy)