layout/reftests/border-radius/scrollbar-clamping-2-ref.html@6474c204b198
layout/reftests/border-radius/scrollbar-clamping-2-ref.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML>
2 <html dir="ltr">
3 <title>Test of reduction of border-radius for scrollbars (background drawing)</title>
4 <style>
6 .contain { height: 130px; position: relative }
8 .test {
9 position: absolute;
10 top: 0;
11 left: 0;
12 /* border-width: 2px 4px 8px 10px; */
13 height: 110px;
14 width: 214px;
15 /* border-radius: 12px / 15px; */
16 background: blue;
17 }
19 </style>
21 <div class="contain">
22 <!-- scrollbar along bottom -->
23 <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
24 </div>
26 <div class="contain">
27 <!-- scrollbar along right -->
28 <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
29 </div>
31 <div class="contain">
32 <!-- scrollbar along bottom and right -->
33 <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
34 </div>
