CSS Transforms Module Level 1 CR Test Suite

Transform reference box: the transform-box property (12 tests)

Test Refs Flags Info
+ 6 Transform reference box: the transform-box property
cssbox-border-box = transform-box: border-box (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
cssbox-content-box = transform-box: content-box (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
cssbox-fill-box = transform-box: fill-box (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
cssbox-initial = transform-box: initial (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
cssbox-stroke-box = transform-box: stroke-box (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
cssbox-view-box = transform-box: view-box (CSS layout)
  • This should display a square with a black bar at the top whose top-left corner is at 100,100.
svgbox-border-box = transform-box: border-box (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.
svgbox-content-box = transform-box: content-box (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.
svgbox-fill-box = transform-box: fill-box (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.
svgbox-initial = transform-box: initial (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.
svgbox-stroke-box = transform-box: stroke-box (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.
svgbox-view-box = transform-box: view-box (SVG layout)
  • This should display a C shape with the center of the top endpoint at 200,100.