box-decoration-break-1.html (1984B)
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 <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration"> 11 <link rel="match" href="box-decoration-break-1-ref.html"> 12 <meta charset="utf-8"> 13 <style> 14 15 span { 16 box-decoration-break:clone; 17 18 line-height:4em; 19 font-family:monospace; 20 padding: 3px 5px 7px 11px; 21 background-color: #0F0; 22 margin: 13px 17px 19px 23px; 23 border-left:13px dashed pink; 24 border-top:7px dashed blue; 25 border-right:3px dashed black; 26 border-bottom:1px dashed blue; 27 } 28 .o0 { 29 border-radius: 17px; 30 } 31 .o10 { 32 border-radius: 17px; 33 margin-left:0; 34 } 35 .o10x { 36 border-radius: 17px; 37 padding-right:0; 38 } 39 .so0 { 40 border-radius: 0px; 41 } 42 .so10 { 43 border-radius: 0px; 44 margin-right:0; 45 } 46 .so10x { 47 border-radius: 0px; 48 padding-left:0; 49 } 50 </style> 51 </head> 52 <body style="margin:10px"> 53 54 <table border=1 cellpadding=10><tr> 55 <td><span class="o0"><b> a <br> b <br> c </b></span></td> 56 <td><span class="o10"><b> a <br> b <br> c </b></span></td> 57 <td><span class="o10x"><b> a <br> b <br> c </b></span></td> 58 </tr> 59 </table> 60 61 <br> 62 63 <table border=1 cellpadding=10><tr> 64 <td><span class="so0"><b> a <br> b <br> c </b></span><br></td> 65 <td><span class="so10"><b> a <br> b <br> c </b></span><br></td> 66 <td><span class="so10x"><b> a <br> b <br> c </b></span><br></td> 67 </tr> 68 </table> 69 70 </body> 71 </html>