layout/reftests/border-radius/percent-2-ref.html@8bccb770b82d (annotated)
layout/reftests/border-radius/percent-2-ref.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
| michael@0 | 1 | <!doctype html> |
| michael@0 | 2 | <html><head><title>Border radius with percent units — reference</title> |
| michael@0 | 3 | <style> |
| michael@0 | 4 | div { background: green; } |
| michael@0 | 5 | .r1 { height: 20px; } .c1 { width: 20px; } |
| michael@0 | 6 | .r2 { height: 40px; } .c2 { width: 40px; } |
| michael@0 | 7 | .r3 { height: 60px; } .c3 { width: 60px; } |
| michael@0 | 8 | .r4 { height: 80px; } .c4 { width: 80px; } |
| michael@0 | 9 | |
| michael@0 | 10 | .r1.c1 { border-radius: 5px 2px / 5px 2px; } |
| michael@0 | 11 | .r1.c2 { border-radius: 10px 4px / 5px 2px; } |
| michael@0 | 12 | .r1.c3 { border-radius: 15px 6px / 5px 2px; } |
| michael@0 | 13 | .r1.c4 { border-radius: 20px 8px / 5px 2px; } |
| michael@0 | 14 | .r2.c1 { border-radius: 5px 2px / 10px 4px; } |
| michael@0 | 15 | .r2.c2 { border-radius: 10px 4px / 10px 4px; } |
| michael@0 | 16 | .r2.c3 { border-radius: 15px 6px / 10px 4px; } |
| michael@0 | 17 | .r2.c4 { border-radius: 20px 8px / 10px 4px; } |
| michael@0 | 18 | .r3.c1 { border-radius: 5px 2px / 15px 6px; } |
| michael@0 | 19 | .r3.c2 { border-radius: 10px 4px / 15px 6px; } |
| michael@0 | 20 | .r3.c3 { border-radius: 15px 6px / 15px 6px; } |
| michael@0 | 21 | .r3.c4 { border-radius: 20px 8px / 15px 6px; } |
| michael@0 | 22 | .r4.c1 { border-radius: 5px 2px / 20px 8px; } |
| michael@0 | 23 | .r4.c2 { border-radius: 10px 4px / 20px 8px; } |
| michael@0 | 24 | .r4.c3 { border-radius: 15px 6px / 20px 8px; } |
| michael@0 | 25 | .r4.c4 { border-radius: 20px 8px / 20px 8px; } |
| michael@0 | 26 | |
| michael@0 | 27 | </style> |
| michael@0 | 28 | </head><body> |
| michael@0 | 29 | <table> |
| michael@0 | 30 | <tr> |
| michael@0 | 31 | <td><div class="r1 c1"></div></td> |
| michael@0 | 32 | <td><div class="r1 c2"></div></td> |
| michael@0 | 33 | <td><div class="r1 c3"></div></td> |
| michael@0 | 34 | <td><div class="r1 c4"></div></td> |
| michael@0 | 35 | </tr> |
| michael@0 | 36 | <tr> |
| michael@0 | 37 | <td><div class="r2 c1"></div></td> |
| michael@0 | 38 | <td><div class="r2 c2"></div></td> |
| michael@0 | 39 | <td><div class="r2 c3"></div></td> |
| michael@0 | 40 | <td><div class="r2 c4"></div></td> |
| michael@0 | 41 | </tr> |
| michael@0 | 42 | <tr> |
| michael@0 | 43 | <td><div class="r3 c1"></div></td> |
| michael@0 | 44 | <td><div class="r3 c2"></div></td> |
| michael@0 | 45 | <td><div class="r3 c3"></div></td> |
| michael@0 | 46 | <td><div class="r3 c4"></div></td> |
| michael@0 | 47 | </tr> |
| michael@0 | 48 | <tr> |
| michael@0 | 49 | <td><div class="r4 c1"></div></td> |
| michael@0 | 50 | <td><div class="r4 c2"></div></td> |
| michael@0 | 51 | <td><div class="r4 c3"></div></td> |
| michael@0 | 52 | <td><div class="r4 c4"></div></td> |
| michael@0 | 53 | </tr> |
| michael@0 | 54 | </table> |
| michael@0 | 55 | </body></html> |
