layout/reftests/backgrounds/background-clip-1.html

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <title>background-clip</title>
michael@0 3 <style type="text/css">
michael@0 4
michael@0 5 div {
michael@0 6 position: absolute;
michael@0 7 margin: 1px 2px 4px 8px;
michael@0 8 border: transparent solid;
michael@0 9 border-width: 3px 9px 6px 12px;
michael@0 10 padding: 5px 11px 9px 7px;
michael@0 11 width: 37px;
michael@0 12 height: 19px;
michael@0 13 /*
michael@0 14 * content box: 37 x 19
michael@0 15 * padding box: 55 x 33
michael@0 16 * border box: 76 x 42
michael@0 17 * margin box: 86 x 47
michael@0 18 */
michael@0 19 }
michael@0 20
michael@0 21 div.color {
michael@0 22 top: 10px;
michael@0 23 background-color: blue;
michael@0 24 }
michael@0 25
michael@0 26 div.image {
michael@0 27 top: 110px;
michael@0 28 background-image: url(blue-32x32.png);
michael@0 29 }
michael@0 30
michael@0 31 div.border {
michael@0 32 background-clip: border-box;
michael@0 33 left: 10px;
michael@0 34 }
michael@0 35
michael@0 36 div.padding {
michael@0 37 background-clip: padding-box;
michael@0 38 left: 110px;
michael@0 39 }
michael@0 40
michael@0 41 div.content {
michael@0 42 background-clip: content-box;
michael@0 43 left: 210px;
michael@0 44 }
michael@0 45
michael@0 46 </style>
michael@0 47 <div class="color border"></div>
michael@0 48 <div class="color padding"></div>
michael@0 49 <div class="color content"></div>
michael@0 50 <div class="image border"></div>
michael@0 51 <div class="image padding"></div>
michael@0 52 <div class="image content"></div>

mercurial