box-decoration-break-1-ref.html (2192B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title>CSS Test: Testing box-decoration-break:clone</title> 9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659"> 10 <meta charset="utf-8"> 11 <style> 12 13 span { 14 line-height:4em; 15 font-family:monospace; 16 padding: 3px 5px 7px 11px; 17 background-color: #0F0; 18 margin: 13px 17px 19px 23px; 19 border-left:13px dashed pink; 20 border-top:7px dashed blue; 21 border-right:3px dashed black; 22 border-bottom:1px dashed blue; 23 } 24 .o0 { 25 border-radius: 17px; 26 } 27 .o10 { 28 border-radius: 17px; 29 margin-left:0; 30 } 31 .o10x { 32 border-radius: 17px; 33 padding-right:0; 34 } 35 .so0 { 36 border-radius: 0px; 37 } 38 .so10 { 39 border-radius: 0px; 40 margin-right:0; 41 } 42 .so10x { 43 border-radius: 0px; 44 padding-left:0; 45 } 46 </style> 47 </head> 48 <body style="margin:10px"> 49 50 <table border=1 cellpadding=10><tr> 51 <td><span class="o0"><b> a </b></span><br><span class="o0"><b> b </b></span><br><span class="o0"><b> c </b></span></td> 52 <td><span class="o10"><b> a </b></span><br><span class="o10"><b> b </b></span><br><span class="o10"><b> c </b></span></td> 53 <td><span class="o10x"><b> a </b></span><br><span class="o10x"><b> b </b></span><br><span class="o10x"><b> c </b></span></td> 54 </tr> 55 </table> 56 57 <br> 58 59 <table border=1 cellpadding=10><tr> 60 <td><span class="so0"><b> a </b></span><br><span class="so0"><b> b </b></span><br><span class="so0"><b> c </b></span></td> 61 <td><span class="so10"><b> a </b></span><br><span class="so10"><b> b </b></span><br><span class="so10"><b> c </b></span></td> 62 <td><span class="so10x"><b> a </b></span><br><span class="so10x"><b> b </b></span><br><span class="so10x"><b> c </b></span></td> 63 </tr> 64 </table> 65 66 </body> 67 </html>