|
22 | 22 | position: absolute;
|
23 | 23 | width: 10px;
|
24 | 24 | height: 10px;
|
25 |
| - inset: 10px; |
| 25 | + inset: 10px 15px 20px 25px; |
26 | 26 | position-anchor: --anchor;
|
27 | 27 | }
|
28 | 28 | style>
|
|
46 | 46 | test_position_area("span-all", {left:145, top:145, width:10, height:10});
|
47 | 47 |
|
48 | 48 | // Single region spans
|
49 |
| - test_position_area("top left", {left:80, top:80, width:10, height:10}); |
50 |
| - test_position_area("top center", {left:145, top:80, width:10, height:10}); |
51 |
| - test_position_area("top right", {left:210, top:80, width:10, height:10}); |
52 |
| - test_position_area("center left", {left:80, top:145, width:10, height:10}); |
53 |
| - test_position_area("center center", {left:145, top:145, width:10, height:10}); |
54 |
| - test_position_area("center right", {left:210, top:145, width:10, height:10}); |
55 |
| - test_position_area("bottom left", {left:80, top:210, width:10, height:10}); |
56 |
| - test_position_area("bottom center", {left:145, top:210, width:10, height:10}); |
57 |
| - test_position_area("bottom right", {left:210, top:210, width:10, height:10}); |
| 49 | + test_position_area("top left", {left:75, top:70, width:10, height:10}); |
| 50 | + test_position_area("top center", {left:150, top:70, width:10, height:10}); |
| 51 | + test_position_area("top right", {left:225, top:70, width:10, height:10}); |
| 52 | + test_position_area("center left", {left:75, top:140, width:10, height:10}); |
| 53 | + test_position_area("center center", {left:150, top:140, width:10, height:10}); |
| 54 | + test_position_area("center right", {left:225, top:140, width:10, height:10}); |
| 55 | + test_position_area("bottom left", {left:75, top:210, width:10, height:10}); |
| 56 | + test_position_area("bottom center", {left:150, top:210, width:10, height:10}); |
| 57 | + test_position_area("bottom right", {left:225, top:210, width:10, height:10}); |
58 | 58 |
|
59 | 59 | // Multi-region spans
|
60 |
| - test_position_area("top span-left", {left:180, top:80, width:10, height:10}); |
61 |
| - test_position_area("top span-right", {left:110, top:80, width:10, height:10}); |
62 |
| - test_position_area("span-top left", {left:80, top:180, width:10, height:10}); |
63 |
| - test_position_area("span-bottom left", {left:80, top:110, width:10, height:10}); |
| 60 | + test_position_area("top span-left", {left:175, top:70, width:10, height:10}); |
| 61 | + test_position_area("top span-right", {left:125, top:70, width:10, height:10}); |
| 62 | + test_position_area("span-top left", {left:75, top:170, width:10, height:10}); |
| 63 | + test_position_area("span-bottom left", {left:75, top:110, width:10, height:10}); |
64 | 64 |
|
65 | 65 | script>
|
0 commit comments