summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht51
1 files changed, 51 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht
new file mode 100644
index 0000000000..ecc7575c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht
@@ -0,0 +1,51 @@
+<!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: Padding set using four values</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-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left padding, the third value to the bottom padding, and the fourth value to the right padding." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: 96px 48px 72px 24px;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 284px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 380px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file