display-contents-style-inheritance-1-ref.html (1612B)
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>