Full version, Basic version

Specification link: 7.10 Units

coords-units-01-b ← index → coords-units-03-b

# coords-units-02-b
SVG Image | PNG Image
coords-units-02-b This test validates the processing rules for converting coordinates and length in CSS units to user space coordinate values. CSS pixel coordinate to user space conversion Percentage coordinates to user space conversion CSS width/height to user space conversion Percentage width/height to user space conversion CSS and percentage length conversion $Revision: 1.4 $ |

Verify the conversion processing of CSS units and percentage values for both coordinates and length values. Note that the test uses the CSS px unit to be usable in all pixel resolutions. Hence, the conversion from other CSS units to CSS px is left out of the test.

There are six atomic tests in this test. For each, the approach is to draw two similar elements (circles or rects) with coordinates specified in user space for one and in CSS units or percentage for the other. Each test is such that these two values (or value pairs) should match.

For example, in the first two tests, that validate coordinate processing, the circles should have the same center. In the following two tests, the rectangles should have the same height and width. And finally, in the last test, the 3 circles should have the same radius.

The rendered image should match the reference image except for the text which may show minor differences, per CSS2 rules for font selection and matching.

coords-units-01-b ← index → coords-units-03-b