summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht55
1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht
new file mode 100644
index 0000000000..5fd1aeb3da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1pc;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file