3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
9 <title>CSS Test: REPLACEME_TEST_TITLE
</title>
10 <link rel=
"author" title=
"Daniel Holbert" href=
"mailto:dholbert@mozilla.com">
11 <link rel=
"help" href=
"http://www.w3.org/TR/css3-images/#sizing">
12 <link rel=
"help" href=
"http://www.w3.org/TR/css3-images/#the-object-fit">
13 <link rel=
"help" href=
"http://www.w3.org/TR/css3-images/#the-object-position">
14 <link rel=
"match" href=
"REPLACEME_REFERENCE_FILENAME">
15 <style type=
"text/css">
16 REPLACEME_CONTAINER_TAG
{
17 background: lightgray
;
25 .op_x-7 { object-position: -7% 50% }
26 .op_x13 { object-position: 13% 50% }
27 .op_x23 { object-position: 23% 50% }
28 .op_x50 { object-position: 50% 50% }
29 .op_x75 { object-position: 75% 50% }
30 .op_x88 { object-position: 88% 50% }
31 .op_x111 { object-position: 111% 50% }
32 .op_y-7 { object-position: 50% -7% }
33 .op_y13 { object-position: 50% 13% }
34 .op_y23 { object-position: 50% 23% }
35 .op_y50 { object-position: 50% 50% }
36 .op_y75 { object-position: 50% 75% }
37 .op_y88 { object-position: 50% 88% }
38 .op_y111 { object-position: 50% 111% }
43 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x-7">REPLACEME_CONTAINER_CLOSETAG
44 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x13">REPLACEME_CONTAINER_CLOSETAG
45 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x23">REPLACEME_CONTAINER_CLOSETAG
46 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x50">REPLACEME_CONTAINER_CLOSETAG
47 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x75">REPLACEME_CONTAINER_CLOSETAG
48 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x88">REPLACEME_CONTAINER_CLOSETAG
49 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_x111">REPLACEME_CONTAINER_CLOSETAG
50 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y-7">REPLACEME_CONTAINER_CLOSETAG
51 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y13">REPLACEME_CONTAINER_CLOSETAG
52 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y23">REPLACEME_CONTAINER_CLOSETAG
53 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y50">REPLACEME_CONTAINER_CLOSETAG
54 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y75">REPLACEME_CONTAINER_CLOSETAG
55 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y88">REPLACEME_CONTAINER_CLOSETAG
56 <REPLACEME_CONTAINER_TAG REPLACEME_SRC_ATTR=
"REPLACEME_IMAGE_FILENAME" class=
"op_y111">REPLACEME_CONTAINER_CLOSETAG