layout/reftests/css-display/display-contents-style-inheritance-1-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 lang="en-US">
   7 <head>
   8   <meta charset="utf-8">
   9   <title>CSS Test: CSS display:contents; style inheritance</title>
  10   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
  11 <style type="text/css">
  12 body,span { color:black; background-color:white; }
  13 .test { display:inline; }
  14 .green { color:green; }
  15 .border { border-left:1px solid green; }
  16 b { font-weight:normal; }
  17 </style>
  18 </head>
  19 <body>
  20 <span class="green"><div class="test">green</div></span>
  21 <span class="green"><div class="test">green</div>x</span>
  22 <span><div class="test green">green</div></span>
  23 <span><div class="test green">green</div>x</span>
  24 <br>
  25 <span><div class="test">no border</div></span>
  26 <span><div class="test">no border</div></span>
  27 <span class="border"><div class="test"><b>1px green left border</b></div></span>
  28 <span class="border"><div class="test" style="border:inherit"><b>2px green left border</b></div></span>
  29 <br>
  30
  31 <span class="green"><div class="test"><div class="test">green</div></div></span>
  32 <span><div class="test green"><div class="test">green</div></div></span>
  33 <br>
  34 <span class="border"><div class="test"><div class="test"><b>1px green left border</b></div></div></span>
  35 <span class="border"><div class="test"><div class="test" style="border:inherit"><b>1px green left border</b></div></div></span>
  36 <span class="border"><div class="test" style="border:inherit"><div class="test"><b>2px green left border</b></div></div></span>
  37 </body>
  38 </html>