| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Text Decoration Test: text-decoration-line - overline</title> |
| <!-- overline --> |
| <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> |
| <link rel="help" title="2.1. Text Decoration Lines: the‘text-decoration-line’property" href="http://www.w3.org/TR/css-text-decor-3/#text-decoration-line-property" /> |
| <link rel="match" href="reference/text-decoration-line-012-ref.xht" /> |
| <meta http-equiv="content-language" content="en, ja" /> |
| <meta name="assert" content="This test checks that 'text-decoration-line: overline' produces an horizontal line over the text." /> |
| <style type="text/css"> |
| @font-face |
| { |
| font-family: "mplus-1p-regular"; |
| src: url("/fonts/mplus-1p-regular.woff") format("woff"); |
| /* filesize: 803300 bytes (784.5 KBytes) */ |
| /* |
| mplus-1p-regular.ttf can be downloaded at/from [TBD later] |
| */ |
| } |
| div |
| { |
| font-family: "mplus-1p-regular"; |
| //font-size: 1.5em; |
| font-size: 1.0em; |
| line-height: 1.5; |
| } |
| #test |
| { |
| -webkit-text-decoration-line: overline; // The property to be tested |
| } |
| #control |
| { |
| text-decoration: overline; |
| } |
| </style> |
| </head> |
| <body lang="en, ja"> |
| <p>Test passes if the 2 "Text sample サンプル文" are <strong>identical</strong> and each has <strong>a line over it</strong>.</p> |
| <!-- overline --> |
| <div id="test">Text sample サンプル文</div> |
| <div id="control">Text sample サンプル文</div> |
| </body> |
| </html> |