layout/reftests/box-properties/overflow-clip-box-2-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html><head>
   7   <meta charset="utf-8">
   8   <title>Reference: Testcase for bug 1422839</title>
   9   <style type="text/css">
  10 html,body {
  11   color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
  12 }
  13
  14 div {
  15   width: 0;
  16   height: 0;
  17   white-space: pre;
  18   overflow: hidden;
  19   border: 1px solid;
  20   width: 100px;
  21   height: 100px;
  22   direction: rtl;
  23 }
  24 .h > div { height: 120px; }
  25 .w > div { width: 120px; }
  26
  27 c {
  28   display: block;
  29   width: 100px;
  30   height: 40px;
  31   border: 1px solid black;
  32   margin-top: -10px;
  33 }
  34
  35 .float { float: left; }
  36
  37 x {
  38   display: block;
  39   overflow: hidden;
  40   padding-right: 50px;
  41   padding-top: 50px;
  42   width: 50px;
  43   height: 50px;
  44 }
  45
  46 .w x { width: 20px; }
  47 .h x { height: 20px; }
  48 .w.h x {
  49   background-color: lime;
  50   background-clip: content-box;
  51   overflow: visible;
  52 }
  53 y {
  54   display: block;
  55   overflow: hidden;
  56   width: 20px;
  57   height: 20px;
  58 }
  59
  60   </style>
  61 </head>
  62 <body>
  63
  64 <span class="float">
  65 <div><x><c></c></x></div>
  66 <div></div>
  67 <div></div>
  68 <div></div>
  69 <div><x><c></c></x></div>
  70 <div></div>
  71 </span>
  72
  73 <span class="float h">
  74 <div><x style="height:70px"><c></c></x></div>
  75 <div></div>
  76 <div></div>
  77 <div><x style="height:20px"><c style="margin:0; border-top-width:0"></c></x></div>
  78 <div><x style="height:70px"><c></c></x></div>
  79 <div></div>
  80 </span>
  81
  82 <span class="float w">
  83 <div><x style="width:70px"><c></c></x></div>
  84 <div></div>
  85 <div><x><c></c></x></div>
  86 <div></div>
  87 <div><x style="width:70px"><c></c></x></div>
  88 <div></div>
  89 </span>
  90
  91 <span class="float w h">
  92 <div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
  93 <div><x><y><c></c></y></x></div>
  94 <div><x><y style="height:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
  95 <div><x><y style="width:70px"><c></c></y></x></div>
  96 <div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
  97 <div><x><y><c></c></y></x></div>
  98 </span>
  99
 100 </body>
 101 </html>