summaryrefslogtreecommitdiffstats
path: root/layout/reftests/writing-mode/1172774-percent-padding-3.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/writing-mode/1172774-percent-padding-3.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/writing-mode/1172774-percent-padding-3.html')
-rw-r--r--layout/reftests/writing-mode/1172774-percent-padding-3.html62
1 files changed, 62 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/1172774-percent-padding-3.html b/layout/reftests/writing-mode/1172774-percent-padding-3.html
new file mode 100644
index 000000000..fb897735a
--- /dev/null
+++ b/layout/reftests/writing-mode/1172774-percent-padding-3.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Writing Modes Test: padding percentage and 'vertical-rl'</title>
+ <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+ <meta content="This test checks that percentages on the padding are calculated with respect to the inline size (height!) of the containing block if 'writing-mode' of such containing block is 'vertical-rl'. In this test, div.outer's computed 'writing-mode' value is 'vertical-rl' and it is the div.inner's containing block." name="assert">
+ <style type="text/css">
+ div.outer
+ {
+ background-color: blue;
+ border: blue solid 3px;
+ height: 200px;
+ -ah-writing-mode: vertical-rl;
+ -webkit-writing-mode: vertical-rl;
+ writing-mode: tb-rl; /* IE11 */
+ writing-mode: vertical-rl;
+ }
+
+ hr
+ {
+ background-color: transparent;
+ border: transparent none 0px;
+ width: 3px;
+ margin: auto 3px;
+ }
+
+ div.inner
+ {
+ background-color: transparent;
+ width: 50px;
+ -ah-writing-mode: horizontal-tb;
+ -webkit-writing-mode: horizontal-tb;
+ writing-mode: lr-tb; /* IE11 */
+ writing-mode: horizontal-tb;
+ }
+
+ div.foo
+ {
+ padding-left: 2.5%; /* 5px */
+ padding-top: 50%; /* 100px */
+ padding-bottom: 25%; /* 50px */
+ padding-right: 10%; /* 20px */
+ }
+
+ div.bar
+ {
+ padding-left: 10%;
+ padding-top: 25%;
+ padding-bottom: 50%;
+ padding-right: 2.5%;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div class="outer">
+ <div class="inner foo"><img src="swatch-yellow.png" width="50" height="50" alt="Image download support must be enabled"></div>
+ <hr>
+ <div class="inner bar"><img src="swatch-yellow.png" width="50" height="50" alt="Image download support must be enabled"></div>
+ </div>
+ </body>
+</html>