layout/reftests/backgrounds/background-multiple-with-border-radius.html

   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>Test multiple backgrounds with border-radius</title>
   9   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=998792">
  10   <link rel="help" href="http://dev.w3.org/csswg/css-backgrounds/#the-border-radius">
  11   <link rel="match" href="background-multiple-with-border-radius-ref.html">
  12   <meta charset="utf-8">
  13 <style>
  14
  15 .b {
  16   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) content-box, yellow padding-box;
  17 }
  18
  19 div {
  20   width: 100px;
  21   height: 100px;
  22   padding: 30px;
  23   border: 10px dashed blue;
  24   border-radius: 10px;
  25 }
  26
  27 </style>
  28 </head>
  29 <body>
  30
  31 <div class="b"></div>
  32
  33 </body>
  34 </html>