| <!DOCTYPE html> |
| <title>CSS Writing Modes Test: The resulting composition is treated as a signel glyph for decorations</title> |
| <meta name="flags" content="ahem"> |
| <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> |
| <style> |
| #container { |
| font: 50px/1 Ahem; |
| text-decoration-skip-ink: none; |
| } |
| .vlr { |
| writing-mode:vertical-lr; |
| } |
| .vrl { |
| writing-mode:vertical-rl; |
| } |
| .test, .ref { |
| border:solid thin; |
| margin:.2em; |
| } |
| p { |
| margin:0 .5em; |
| } |
| .underline { |
| text-decoration:underline; |
| } |
| .overline { |
| text-decoration:overline; |
| } |
| .emphasis { |
| text-emphasis:filled; |
| } |
| </style> |
| <p>This test asserts the resulting composition is treated as a single glyph for decorations. |
| <p>Test passes if the following two boxes in each row are identical. |
| <div id=container> |
| <div class=vlr> |
| <div class=test> |
| <p class=underline>X X |
| <p class=overline>X X |
| <p class=emphasis>XXX |
| </div> |
| <div class=ref> |
| <p class=underline>X X |
| <p class=overline>X X |
| <p class=emphasis>XXX |
| </div> |
| </div> |
| <div class=vrl> |
| <div class=test> |
| <p class=underline>X X |
| <p class=overline>X X |
| <p class=emphasis>XXX |
| </div> |
| <div class=ref> |
| <p class=underline>X X |
| <p class=overline>X X |
| <p class=emphasis>XXX |
| </div> |
| </div> |
| </div> |
