tor-browser

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

clipped-elements-ref.html (3333B)

      1 <!DOCTYPE html><html>
      2 <head><style>
      3 html,body {
      4    color:black; background-color:white; font-size:16px; padding:0; margin:0;
      5 }
      6 .test { 
      7  overflow: hidden; 
      8  text-align:right;
      9  width: 50px;
     10  margin-bottom:1em;
     11  height: 20px;
     12  white-space:nowrap;
     13 /*border:1px solid red;width: 500px;*/
     14 }
     15 .rel { position:relative; text-align:left;}
     16 input,select,fieldset,textarea,hr,span {
     17 border:1px solid black;
     18 background: white;
     19 color: black;
     20 padding:0 40px;
     21 }
     22 iframe,img { width: 80px; height:10px; }
     23 select[size="4"],iframe,textarea,hr { height:10px; margin:0; }
     24 </style></head>
     25 <body>
     26 
     27 <div style="position:absolute; top:0; left:0;">
     28  <div class="test"><fieldset style="display:inline;"></fieldset></div>
     29  <div class="test"><fieldset style="display:inline-block;"></fieldset></div>
     30  <div class="test"><fieldset style="display:block;"></fieldset></div>
     31 
     32  <div class="test"><input type="button"></div>
     33  <div class="test"><input type="button" style="display:inline-block;"></div>
     34  <div class="test"><input type="button" style="display:list-item;"></div>
     35  <div class="test"><input type="button" style="display:block;"></div>
     36 
     37  <div class="test"><input type="text"></div>
     38  <div class="test"><input type="text" style="display:inline-block;"></div>
     39  <div class="test"><input type="text" style="display:block;"></div>
     40 
     41  <div class="test"><textarea></textarea></div>
     42  <div class="test"><textarea style="display:inline-block;"></textarea></div>
     43  <div class="test"><textarea style="display:block;"></textarea></div>
     44 
     45  <div class="test"><select size="1" style=""><option>&nbsp;<option>&nbsp;</select></div>
     46  <div class="test"><select size="1" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
     47 
     48  <div class="test"><select size="4" style=""><option>&nbsp;<option>&nbsp;</select></div>
     49  <div class="test"><select size="4" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
     50 </div>
     51 
     52 <div style="position:absolute; top:0; left:100px;">
     53  <div class="test"><iframe src="about:blank" style=""></iframe></div>
     54  <div class="test"><iframe src="about:blank" style="display:block"></iframe></div>
     55 
     56  <div class="test" style="text-align:left">&nbsp;&#x2026;</div>
     57  <div class="test" style="text-align:left">&nbsp;&#x2026;</div>
     58  <div class="test"><img style="display:block;" src="../image/big.png"></div>
     59 
     60  <div class="test"><x style="display:inline-block; height:100px; width:100%; background:lime">&#x2026;</x></div>
     61  <div class="test"><hr style="display:inline-block;vertical-align:top"></div>
     62  <div class="test"><hr style="display:block;"></div>
     63 
     64  <div class="test">&#x2026;</div>
     65  <div class="test"><span style="display:inline-block;"></span></div>
     66  <div class="test"><span style="display:inline-table;"></span></div>
     67  <div class="test"><span style="display:list-item;"></span></div>
     68  <div class="test"><span style="display:block;"></span></div>
     69  <div class="test rel">1<span style="position:relative;"></span></div>
     70  <div class="test rel">2<span style="position:absolute;"></span></div>
     71  <div class="test rel">3</div>
     72  <div class="test rel">4</div>
     73  <div class="test"><span style="float:left"></span></div>
     74  <div class="test"><span style="float:left; margin-left:-10px"></span></div>
     75  <div class="test"><span style="float:right; margin-right:-10px"></span></div>
     76 </div>
     77 
     78 </body></html>