CSS Values and Units Module Level 3 CR Test Suite

Distance Units: the type (30 tests)

Test Refs Flags Info
+ 5 Distance Units: the type
calc-unit-analysis Script CSS Variables Allowed Syntax
shape-outside-circle-002 DOM/JSScript Shape Outside Circle Valid Positions
  • A circle's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
shape-outside-circle-004 DOM/JSScript Shape Outside Circle - Position Length Units
  • A circle's position arguments may in any valid <length> unit allowed by a <position> value.
shape-outside-ellipse-002 DOM/JSScript Shape Outside Ellipse Valid Positions
  • An ellipse's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
shape-outside-ellipse-004 DOM/JSScript Shape Outside Ellipse - Position Length Units
  • An ellipse's position arguments may in any valid <length> unit allowed by a <position> value.
shape-outside-inset-003 DOM/JSScript Shape Outside Inset Valid Round Length Units
  • An inset's radial component's values can be in any length unit
shape-outside-polygon-004 DOM/JSScript Shape Outside Polygon - Argument Length Units
  • A polygon's veritices may in percentage or any valid <length> units.
min-width-001 = min-width length value approximation
  • min-width length values that are too large to be supported must be clamped, rounded to infinity, or approximated, but not overflowed to a small or negative value.
+ 5.1 Relative lengths
+ 5.1.1 Font-relative lengths: the em, ex, ch, rem units
ch-unit-001 = support for the ch unit
  • The ch unit is equal to the used advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.
+ 5.1.2 Viewport-percentage lengths: the vw, vh, vmin, vmax units
absolute_length_units elements should be the real world size given in mm, cm, inches...
  • elements are not displayed with the real world size units they should be, when specified in millimeters, centimeters, inches, ...
regions-resizing-003 = AhemDOM/JSHTTP CSS Regions: resizing region that is sized using viewport units
  • Test checks that resizing the viewport of a page containing a region sized using viewport units correctly relayouts the region's contents.
regions-resizing-007 = AhemDOM/JSHTTP CSS Regions: resizing region with percentage size inside a container that has size set in viewport units
  • Test checks that resizing the viewport of a page containing a region that has a percentage size relative to a parent sized using viewport units correctly relayouts the region's contents.
regions-resizing-009 = AhemDOM/JSHTTP CSS Regions: resizing autosized region when content flowed in it is sized with viewport units
  • Test checks that resizing the viewport of a page containing an autosized region when the content flowed in it is sized with viewport units correctly relayouts the region's contents.
vh-calc-support = Viewport units are supported inside calc expressions.
  • Check that viewport units add correctly to pixels in calc() expressions
vh-calc-support-pct = Viewport units are supported inside calc expressions.
  • Check that viewport units add correctly to percentages in calc() expressions
vh-em-inherit = 0vh and 0vw are correctly treated as 0px
  • 0vh and 0vw are correctly treated as 0px
vh-inherit = Viewport units are inherited properly
  • Viewport units are inherited properly
vh-interpolate-pct = Viewport units are interpolated correctly
  • The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
vh-interpolate-px = Viewport units are interpolated correctly
  • The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
vh-interpolate-vh = Viewport units are interpolated correctly
  • The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
vh-support = Viewports units are supported in sizing properties
  • Viewports units are supported in sizing properties
vh-support-atviewport = Viewports units are supported in @viewport rules
  • Viewports units are supported in @viewport rules
vh-support-margin = Viewports units are supported in margin properties
  • Viewports units are supported in margin properties
vh-support-transform-origin = Viewports units are supported in transform properties
  • Viewports units are supported in transform properties
vh-support-transform-translate = Viewports units are supported in transform properties
  • Viewports units are supported in transform properties (translate)
vh-zero-support = 0vh and 0vw are correctly treated as 0px
  • 0vh and 0vw are correctly treated as 0px
vh_not_refreshing_on_chrome = vh-based dimension doesn't change when the element's other dimension doesn't change.
  • vh-based dimension doesn't change when the element's other dimension doesn't change.
vh_not_refreshing_on_chrome_iframe = vh-based dimension doesn't change when the element other dimension doesn't change.
  • vh-based dimension doesn't change when the element other dimension doesn't change. Bug for Chrome 19.0.1084.56 / Mac OS X 10.6.8
viewport-relative-lengths-scaled-viewport Script Viewport units in scaled viewport
  • viewport relative units scale with viewport.
viewport-units-css2-001 Script Checks viewport units against CSS 2.1 properties and the CSSOM
  • Testing what happens when one applies and rereads viewport unit lengths to CSS 2.1 properties that accept length values
+ 5.2 Absolute lengths: the cm, mm, q, in, pt, pc, px units