display-contents-style-inheritance-1.html (1743B)
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 <link rel="help" href="http://dev.w3.org/csswg/css-display"> 12 <style type="text/css"> 13 body,span { color:black; background-color:white; } 14 .test { display:contents; } 15 .green { color:green; } 16 .border { border-left:1px solid green; } 17 b { border:inherit; font-weight:normal; } 18 </style> 19 </head> 20 <body> 21 <span class="green"><div class="test">green</div></span> 22 <span class="green"><div class="test">green</div>x</span> 23 <span><div class="test green">green</div></span> 24 <span><div class="test green">green</div>x</span> 25 <br> 26 <span><div class="test border">no border</div></span> 27 <span><div class="test border"><span>no border</span></div></span> 28 <span class="border"><div class="test"><b>1px green left border</b></div></span> 29 <span class="border"><div class="test" style="border:inherit"><b>2px green left border</b></div></span> 30 <br> 31 32 <span class="green"><div class="test"><div class="test">green</div></div></span> 33 <span><div class="test green"><div class="test">green</div></div></span> 34 <br> 35 <span class="border"><div class="test"><div class="test"><b>1px green left border</b></div></div></span> 36 <span class="border"><div class="test"><div class="test" style="border:inherit"><b>1px green left border</b></div></div></span> 37 <span class="border"><div class="test" style="border:inherit"><div class="test" style="border:inherit"><b>2px green left border</b></div></div></span> 38 </body> 39 </html>