7 font: 20px/1 Ahem, sans-serif;
10 border: 1px solid black;
16 border-bottom-left-radius: 60px 40px;
17 border: 1px solid blue;
20 #right-rounded-rect-outline {
26 .right-rounded-rect-float-line {
33 <div class="container" style="text-align: right">
35 <div id="right-rounded-rect-outline" class="rounded-rect"></div>
36 <!-- generated right-rounded-rect-float-line divs will be inserted here -->
46 <script src="../resources/rounded-rectangle.js"></script>
47 <script src="../resources/subpixel-utils.js"></script>
49 genRightRoundedRectFloatShapeOutsideRefTest({
50 roundedRect: {x: 0, y: 22, width: 322, height: 160, rx: 60, ry: 40},
54 floatElementClassSuffix: "rounded-rect-float-line",
55 insertElementIdSuffix: "rounded-rect-outline",
60 <p>Requires Ahem font. There is a 0px size inset applied on the right float with 60px/40px bottom left radius.<br>
61 The black squares should trace the left side of the rounded rectangle's blue outline.</p>
62 <p>Issue <a href="https://code.google.com/p/chromium/issues/detail?id=338523">338523</a>: [CSS Shapes] Support inset for shape-outside</p>