| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>shape-outside-floats-inset-rectangle-001-reference.html</title> | 2 <title>shape-outside-floats-inset-rectangle-001-reference.html</title> |
| 3 <link rel="author" title="Adobe" href="http://html.adobe.com/"> |
| 3 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"> | 4 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"> |
| 4 <meta name="flags" content="ahem dom"> | 5 <meta name="flags" content="ahem dom"> |
| 5 <style> | 6 <style> |
| 6 .container { | 7 .container { |
| 7 position: relative; | 8 position: relative; |
| 8 font: 20px/1 Ahem, sans-serif; | 9 font: 20px/1 Ahem, sans-serif; |
| 9 width: 500px; | 10 width: 500px; |
| 10 height: 200px; | 11 height: 200px; |
| 11 border: 1px solid black; | 12 border: 1px solid black; |
| 12 } | 13 } |
| 13 | 14 |
| 14 .rounded-rect { | 15 .rounded-rect { |
| 15 width: 320px; | 16 width: 320px; |
| 16 height: 160px; | 17 height: 160px; |
| 17 border-radius: 60px; | 18 border-radius: 60px; |
| 18 border: 1px solid blue; | 19 border: 1px solid blue; |
| 19 } | 20 } |
| 20 | 21 |
| 21 #left-rounded-rect-outline { | 22 #left-rounded-rect-outline { |
| 22 position: absolute; | 23 position: absolute; |
| 24 z-index: -1; |
| 23 top: 20px; | 25 top: 20px; |
| 24 left: 0px; | 26 left: 0px; |
| 25 } | 27 } |
| 26 | 28 |
| 27 #right-rounded-rect-outline { | 29 #right-rounded-rect-outline { |
| 28 position: absolute; | 30 position: absolute; |
| 31 z-index: -1; |
| 29 top: 20px; | 32 top: 20px; |
| 30 right: 0px; | 33 right: 0px; |
| 31 } | 34 } |
| 32 | 35 |
| 33 .left-rounded-rect-float-line { | 36 .left-rounded-rect-float-line { |
| 34 float: left; | 37 float: left; |
| 35 clear: left; | 38 clear: left; |
| 36 height: 20px; | 39 height: 20px; |
| 37 } | 40 } |
| 38 | 41 |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 80 genLeftRightRoundedRectFloatShapeOutsideRefTest({ | 83 genLeftRightRoundedRectFloatShapeOutsideRefTest({ |
| 81 roundedRect: {x: 0, y: 20, width: 321, height: 160, rx: 60, ry: 60}, | 84 roundedRect: {x: 0, y: 20, width: 321, height: 160, rx: 60, ry: 60}, |
| 82 containerWidth: 500, | 85 containerWidth: 500, |
| 83 containerHeight: 200, | 86 containerHeight: 200, |
| 84 lineHeight: 20, | 87 lineHeight: 20, |
| 85 floatElementClassSuffix: "rounded-rect-float-line", | 88 floatElementClassSuffix: "rounded-rect-float-line", |
| 86 insertElementIdSuffix: "rounded-rect-outline" | 89 insertElementIdSuffix: "rounded-rect-outline" |
| 87 }); | 90 }); |
| 88 </script> | 91 </script> |
| 89 </body> | 92 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 23866007:
Fix painting order for floats with shape-outside (Closed)
Base URL: svn://svn.chromium.org/blink/trunk