| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <!DOCTYPE HTML>
- <!--
- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/
- -->
- <html>
- <head>
- <title>Testcase for box-decoration-break:clone, block border+padding</title>
- <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
- <meta charset="utf-8">
- <style type="text/css">
- html,body {
- color:black; background-color:white; font-size:16px; padding:10px; margin:0;
- }
- .inner {
- border: 5px dashed blue;
- height: 33px;
- width: 40px;
- background: lime;
- background-clip: content-box;
- margin-bottom: 12px;
- }
- .columns {
- -moz-columns: 3;
- width: 250px;
- height: 50px;
- background: grey;
- margin-top: 2px;
- }
- .unbalanced {
- -moz-column-fill: auto;
- }
- .inner.p { height:31px; padding:1px 3px 5px 7px; }
- .unbalanced .inner { height:40px; margin-bottom: 0px;}
- .unbalanced .inner.p { height:34px; }
- </style>
- </head>
- <body>
- <div class="columns"><div class="inner"></div><div class="inner"></div><div class="inner"></div></div>
- <div class="columns unbalanced"><div class="inner"></div><div class="inner"></div><div class="inner" style="height:19px"></div></div>
- <div class="columns"><div class="p inner"></div><div class="p inner"></div><div class="p inner"></div></div>
- <div class="columns unbalanced"><div class="p inner"></div><div class="p inner"></div><div class="p inner" style="height:25px"></div></div>
- </body>
- </html>
|
