7 font: 20px/1 Ahem, sans-serif;
10 border: 1px solid black;
16 border-top-right-radius: 200px 40px;
17 border: 1px solid blue;
20 #left-rounded-rect-outline {
25 .left-rounded-rect-float-line {
32 <div class="container">
34 <div id="left-rounded-rect-outline" class="rounded-rect"></div>
35 <!-- generated right-rounded-rect-float-line divs will be inserted here -->
40 <script src="../resources/rounded-rectangle.js"></script>
41 <script src="../resources/subpixel-utils.js"></script>
43 genLeftRoundedRectFloatShapeOutsideRefTest({
44 roundedRect: {x: 0, y: 20, width: 322, height: 160, rx: 200, ry: 40},
48 floatElementClassSuffix: "rounded-rect-float-line",
49 insertElementIdSuffix: "rounded-rect-outline",
54 <p>Requires Ahem font. There is a 0px size inset applied on the right float with 60px/40px top right radius.<br>
55 The black squares should trace the right side of the rounded rectangle's blue outline.
56 The second line contains a non-break space in order to avoid rounding/painting problems in the test.</p>
57 <p>Issue <a href="https://code.google.com/p/chromium/issues/detail?id=338523">338523</a>: [CSS Shapes] Support inset for shape-outside</p>