tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

background-position-vrl-018.xht (2121B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4 
      5  <head>
      6 
      7   <title>CSS Writing Modes Test: 'background-position: left top' and 'vertical-rl' when document root element does not fill viewport width</title>
      8 
      9   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
     10   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" />
     11   <link rel="match" href="background-position-vrl-018-ref.xht" />
     12 
     13   <meta content="image" name="flags" />
     14   <meta content="This test checks that 'background-position: left top' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" />
     15 
     16   <style type="text/css"><![CDATA[
     17   html
     18     {
     19       background-image: url("support/100x100-red.png");
     20       background-position: left top;
     21       background-repeat: repeat-y;
     22       width: auto; /* Very important: we intentionally want the
     23       document root element to not fill the viewport width */
     24       writing-mode: vertical-rl;
     25     }
     26 
     27   div#reference-overlapping-green
     28     {
     29       background-color: green;
     30       height: 100%;
     31       position: absolute;
     32       right: 273px;
     33       /*
     34         8px : body's margin-right
     35     +
     36       357px : pass-cdts-background-position.png's image width
     37     +
     38         8px : body's margin-left
     39     -
     40       100px : background-image width (100x100-red.png)
     41     ==========
     42       273px is
     43       */
     44       top: 0px;
     45       width: 100px;
     46     }
     47 
     48     /*
     49     This test requires a viewport width of at least (strict minimum) of 473px !
     50     */
     51   ]]></style>
     52  </head>
     53 
     54  <body>
     55 
     56   <div><img src="support/pass-cdts-bg-pos-vrl-018.png" width="357" height="17" alt="Image download support must be enabled" /></div>
     57 
     58 <!--
     59   The image says:
     60 
     61   Test passes if there is a <strong>no red</strong>.
     62 -->
     63 
     64   <div id="reference-overlapping-green"></div>
     65 
     66  </body>
     67 </html>