+ Test passes if there is no red square on the screen.
+ You should see a black square.
| + - 3 Specifying Blending in CSS | |||
|---|---|---|---|
| + - 3.1 Order of graphical operations | |||
| + - 3.2 Behavior specific to HTML | |||
| + - 3.3 Behavior specific to SVG | |||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + - 3.4 CSS Properties | |||
| + - 3.4.1 The mix-blend-mode property | |||
| - blending_in_a_group_with_filter | + 3.4.1 The mix-blend-mode property|||
| + blending_in_a_group_with_filter | SVG | Blending in a group with filter @@ -73,9 +89,9 @@ | |
| - blending_in_a_group_with_opacity | +|||
| + blending_in_a_group_with_opacity | SVG | Blending in a group with opacity @@ -84,25 +100,503 @@ | |
| - line-with-svg-background | +|||
| + line-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text-with-svg-background | + mix-blend-mode-animation += | ++ | Blended element with animation
+
|
+
| + mix-blend-mode-blended-element-interposed | += | ++ | CSS Reftest Reference
+
|
+
| + mix-blend-mode-blended-element-overflow-scroll | += | ++ | blending between an element and its child having overflow:scroll
+
|
+
| + mix-blend-mode-blended-element-with-transparent-pixels | += | ++ | blending between an element with transparent pixels and a child element
+
|
+
| + mix-blend-mode-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child with 3D transform
+
|
+
| + mix-blend-mode-blended-with-transform-and-perspective | += | ++ | blending between an element and its child having mix-blend-mode and perspective
+
|
+
| + mix-blend-mode-blending-with-sibling | += | ++ | mix-blend-mode between an element and its sibling
+
|
+
| + mix-blend-mode-border-image | += | +SVG | +Blended element with border image
+
|
+
| + mix-blend-mode-both-parent-and-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child (both with 3D transform)
+
|
+
| + mix-blend-mode-canvas-parent | += | +DOM/JS | +Canvas with mix-blend-mode blends with the parent element.
+
|
+
| + mix-blend-mode-canvas-sibling | += | +DOM/JS | +Canvas with mix-blend-mode blends with sibling element
+
|
+
| + mix-blend-mode-creates-stacking-context | ++ | DOM/JSScript | +an element with mix-blend-mode other than normal creates a stacking context
+
|
+
| + mix-blend-mode-filter | += | ++ | Blended element with filter.
+
|
+
| + mix-blend-mode-iframe-parent | += | ++ | an iframe element with mix-blend-mode should blend with its parent element.
+
|
+
| + mix-blend-mode-iframe-sibling | += | ++ | an iframe element with mix-blend-mode should blend with a sibling element.
+
|
+
| + mix-blend-mode-image | +≠ | +Bitmaps | +Image element with mix-blend-mode.
+
|
+
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-mask | += | +SVG | +Blended element with masking.
+
|
+
| + mix-blend-mode-overflowing-child | += | ++ | blended element overflows parent
+
|
+
| + mix-blend-mode-overflowing-child-of-blended-element | += | ++ | blend an element having an overflowing child.
+
|
+
| + mix-blend-mode-paragraph | += | ++ | Paragraph element with mix-blend-mode.
+
|
+
| + mix-blend-mode-paragraph-background-image | += | +SVG | +Paragraph element with mix-blend-mode over parent with background image.
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll | += | ++ | blending between an element with overflow:scroll and its child
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed | += | ++ | blending between an element having overflow:scroll and its child having position: fixed
+
|
+
| + mix-blend-mode-parent-with-3d-transform | += | ++ | mix-blend-mode between an element with 3D transform and its child
+
|
+
| + mix-blend-mode-parent-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element having 3D transitions and its child
+
|
+
| + mix-blend-mode-parent-with-border-radius | += | ++ | blending with parent having border radius
+
|
+
| + mix-blend-mode-parent-with-text | += | ++ | check that the stacking context created by the parent element isolates blending.
+
|
+
| + mix-blend-mode-parsing | ++ | DOM/JSScript | +parsing mix-blend-mode property
+
|
+
| + mix-blend-mode-script | += | +DOM/JS | +Set mix-blend-mode from script.
+
|
+
| + mix-blend-mode-sibling-with-3d-transform | += | ++ | blending between an element and its sibling element having 3D transform
+
|
+
| + mix-blend-mode-sibling-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element and its sibling having 3D transform and transition
+
|
+
| + mix-blend-mode-simple | += | ++ | An element with mix-blend-mode blends with its parent element.
+
|
+
| + mix-blend-mode-stacking-context-001 | += | ++ | mix-blend-mode between an element and its child
+
|
+
| + mix-blend-mode-stacking-context-creates-isolation | += | ++ | stacking context creates isolated group
+
|
+
| + mix-blend-mode-svg | += | +SVG | +SVG element is blended.
+
|
+
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + mix-blend-mode-transition | += | +DOM/JS | +Blended element with transition
+
|
+
| + mix-blend-mode-video | +≠ | ++ | Video element with mix-blend-mode.
+
|
+
| + mix-blend-mode-video-sibling | +≠ | ++ | mix-blend-mode blending between a video element and an overlapping sibling
+
|
+
| + mix-blend-mode-with-transform-and-preserve-3d | += | ++ | mix-blend-mode between an element and its child having 3D transform and preserve 3D
+
|
+
| + text-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text_with_svg_background | +|||
| + text_with_svg_background | SVG | Text with SVG background @@ -132,8 +626,8 @@ | |
| + - 3.4.2 The isolation property | |||
| blend-isolation | @@ -145,6 +639,14 @@|||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| will-change-stacking-context-isolation-1 | diff --git a/tests/wpt/css-tests/compositing-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/compositing-1_dev/html/chapter-4.htm index 07aa8eb5733..1e418259332 100644 --- a/tests/wpt/css-tests/compositing-1_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/compositing-1_dev/html/chapter-4.htm @@ -30,7 +30,7 @@|||
| + - 4 Specifying Compositing and Blending in Canvas 2D | |||
| + - 5 Introduction to compositing | |||
| + - 5.1 Simple alpha compositing | |||
| + - 5.1.1 Examples of simple alpha compositing | |||
Test passes if you can see a fading green box.
+Test passes if you can see a green square on the screen.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green square on the screen.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ There should be a green rectangle on the screen.
+ Test passes if you see a green rectangle.
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.htm b/tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.htm
new file mode 100644
index 00000000000..cbf6fe2ab37
--- /dev/null
+++ b/tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.htm
@@ -0,0 +1,45 @@
+
+
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside an aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+Test passes if you can see two rotating lime rectangles, both identical.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+Test passes if you can see two blue rectangles having inside a lime rotating rectangle each.
+ Lime rectangles should look identical when while rotating.
You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you can see a green square on the screen.
+Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+Test passes if you can see a fading green rectangle.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
Test passes if you can see a green circle over a blue background.
+You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Test passes if there is no red square on the screen.
+ You should see a black square.
Test passes if you can see a green square on the screen.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-animation-ref.htm b/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-animation-ref.htm new file mode 100644 index 00000000000..488db79d67d --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-animation-ref.htm @@ -0,0 +1,29 @@ + + +Test passes if you can see a fading green box.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside a bigger aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-transition-ref.htm b/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-transition-ref.htm new file mode 100644 index 00000000000..3258069a23a --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-transition-ref.htm @@ -0,0 +1,30 @@ + + +Test passes if you can see a fading green rectangle.
+Test passes if you can see a green circle over a blue background.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Some tests in the test suite may contain errors. Please check the latest version of the - Compositing 1 specification + Compositing 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
@@ -133,8 +133,12 @@Some tests in the test suite may contain errors. Please check the latest version of the - Compositing 1 specification + Compositing 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
@@ -133,8 +133,12 @@Test passes if there is no red square on the screen.
+ You should see a black square.
| + - 3 Specifying Blending in CSS | |||
|---|---|---|---|
| + - 3.1 Order of graphical operations | |||
| + - 3.2 Behavior specific to HTML | |||
| + - 3.3 Behavior specific to SVG | |||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + - 3.4 CSS Properties | |||
| + - 3.4.1 The mix-blend-mode property | |||
| - blending_in_a_group_with_filter | + 3.4.1 The mix-blend-mode property|||
| + blending_in_a_group_with_filter | SVG | Blending in a group with filter @@ -73,9 +89,9 @@ | |
| - blending_in_a_group_with_opacity | +|||
| + blending_in_a_group_with_opacity | SVG | Blending in a group with opacity @@ -84,25 +100,503 @@ | |
| - line-with-svg-background | +|||
| + line-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text-with-svg-background | + mix-blend-mode-animation += | ++ | Blended element with animation
+
|
+
| + mix-blend-mode-blended-element-interposed | += | ++ | CSS Reftest Reference
+
|
+
| + mix-blend-mode-blended-element-overflow-scroll | += | ++ | blending between an element and its child having overflow:scroll
+
|
+
| + mix-blend-mode-blended-element-with-transparent-pixels | += | ++ | blending between an element with transparent pixels and a child element
+
|
+
| + mix-blend-mode-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child with 3D transform
+
|
+
| + mix-blend-mode-blended-with-transform-and-perspective | += | ++ | blending between an element and its child having mix-blend-mode and perspective
+
|
+
| + mix-blend-mode-blending-with-sibling | += | ++ | mix-blend-mode between an element and its sibling
+
|
+
| + mix-blend-mode-border-image | += | +SVG | +Blended element with border image
+
|
+
| + mix-blend-mode-both-parent-and-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child (both with 3D transform)
+
|
+
| + mix-blend-mode-canvas-parent | += | +DOM/JS | +Canvas with mix-blend-mode blends with the parent element.
+
|
+
| + mix-blend-mode-canvas-sibling | += | +DOM/JS | +Canvas with mix-blend-mode blends with sibling element
+
|
+
| + mix-blend-mode-creates-stacking-context | ++ | DOM/JSScript | +an element with mix-blend-mode other than normal creates a stacking context
+
|
+
| + mix-blend-mode-filter | += | ++ | Blended element with filter.
+
|
+
| + mix-blend-mode-iframe-parent | += | ++ | an iframe element with mix-blend-mode should blend with its parent element.
+
|
+
| + mix-blend-mode-iframe-sibling | += | ++ | an iframe element with mix-blend-mode should blend with a sibling element.
+
|
+
| + mix-blend-mode-image | +≠ | +Bitmaps | +Image element with mix-blend-mode.
+
|
+
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-mask | += | +SVG | +Blended element with masking.
+
|
+
| + mix-blend-mode-overflowing-child | += | ++ | blended element overflows parent
+
|
+
| + mix-blend-mode-overflowing-child-of-blended-element | += | ++ | blend an element having an overflowing child.
+
|
+
| + mix-blend-mode-paragraph | += | ++ | Paragraph element with mix-blend-mode.
+
|
+
| + mix-blend-mode-paragraph-background-image | += | +SVG | +Paragraph element with mix-blend-mode over parent with background image.
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll | += | ++ | blending between an element with overflow:scroll and its child
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed | += | ++ | blending between an element having overflow:scroll and its child having position: fixed
+
|
+
| + mix-blend-mode-parent-with-3d-transform | += | ++ | mix-blend-mode between an element with 3D transform and its child
+
|
+
| + mix-blend-mode-parent-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element having 3D transitions and its child
+
|
+
| + mix-blend-mode-parent-with-border-radius | += | ++ | blending with parent having border radius
+
|
+
| + mix-blend-mode-parent-with-text | += | ++ | check that the stacking context created by the parent element isolates blending.
+
|
+
| + mix-blend-mode-parsing | ++ | DOM/JSScript | +parsing mix-blend-mode property
+
|
+
| + mix-blend-mode-script | += | +DOM/JS | +Set mix-blend-mode from script.
+
|
+
| + mix-blend-mode-sibling-with-3d-transform | += | ++ | blending between an element and its sibling element having 3D transform
+
|
+
| + mix-blend-mode-sibling-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element and its sibling having 3D transform and transition
+
|
+
| + mix-blend-mode-simple | += | ++ | An element with mix-blend-mode blends with its parent element.
+
|
+
| + mix-blend-mode-stacking-context-001 | += | ++ | mix-blend-mode between an element and its child
+
|
+
| + mix-blend-mode-stacking-context-creates-isolation | += | ++ | stacking context creates isolated group
+
|
+
| + mix-blend-mode-svg | += | +SVG | +SVG element is blended.
+
|
+
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + mix-blend-mode-transition | += | +DOM/JS | +Blended element with transition
+
|
+
| + mix-blend-mode-video | +≠ | ++ | Video element with mix-blend-mode.
+
|
+
| + mix-blend-mode-video-sibling | +≠ | ++ | mix-blend-mode blending between a video element and an overlapping sibling
+
|
+
| + mix-blend-mode-with-transform-and-preserve-3d | += | ++ | mix-blend-mode between an element and its child having 3D transform and preserve 3D
+
|
+
| + text-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text_with_svg_background | +|||
| + text_with_svg_background | SVG | Text with SVG background @@ -132,8 +626,8 @@ | |
| + - 3.4.2 The isolation property | |||
| blend-isolation | @@ -145,6 +639,14 @@|||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| will-change-stacking-context-isolation-1 | diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1/chapter-4.xht index bbac186699a..4187caf82f8 100644 --- a/tests/wpt/css-tests/compositing-1_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1/chapter-4.xht @@ -30,7 +30,7 @@|||
| + - 4 Specifying Compositing and Blending in Canvas 2D | |||
| + - 5 Introduction to compositing | |||
| + - 5.1 Simple alpha compositing | |||
| + - 5.1.1 Examples of simple alpha compositing | |||
Test passes if you can see a fading green box.
+Test passes if you can see a green square on the screen.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green square on the screen.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ There should be a green rectangle on the screen.
+ Test passes if you see a green rectangle.
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht
new file mode 100644
index 00000000000..c0274f46891
--- /dev/null
+++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht
@@ -0,0 +1,45 @@
+
+
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside an aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+Test passes if you can see two rotating lime rectangles, both identical.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+Test passes if you can see two blue rectangles having inside a lime rotating rectangle each.
+ Lime rectangles should look identical when while rotating.
You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you can see a green square on the screen.
+Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+Test passes if you can see a fading green rectangle.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
Test passes if you can see a green circle over a blue background.
+You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Test passes if there is no red square on the screen.
+ You should see a black square.
Test passes if you can see a green square on the screen.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-animation-ref.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-animation-ref.xht new file mode 100644 index 00000000000..44a27117d55 --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-animation-ref.xht @@ -0,0 +1,29 @@ + + +Test passes if you can see a fading green box.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside a bigger aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-transition-ref.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-transition-ref.xht new file mode 100644 index 00000000000..670f9e017b0 --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-transition-ref.xht @@ -0,0 +1,30 @@ + + +Test passes if you can see a fading green rectangle.
+Test passes if you can see a green circle over a blue background.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Test passes if there is no red square on the screen.
+ You should see a black square.
| + - 3 Specifying Blending in CSS | |||
|---|---|---|---|
| + - 3.1 Order of graphical operations | |||
| + - 3.2 Behavior specific to HTML | |||
| + - 3.3 Behavior specific to SVG | |||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + - 3.4 CSS Properties | |||
| + - 3.4.1 The mix-blend-mode property | |||
| - blending_in_a_group_with_filter | + 3.4.1 The mix-blend-mode property|||
| + blending_in_a_group_with_filter | SVG | Blending in a group with filter @@ -73,9 +89,9 @@ | |
| - blending_in_a_group_with_opacity | +|||
| + blending_in_a_group_with_opacity | SVG | Blending in a group with opacity @@ -84,25 +100,503 @@ | |
| - line-with-svg-background | +|||
| + line-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text-with-svg-background | + mix-blend-mode-animation += | ++ | Blended element with animation
+
|
+
| + mix-blend-mode-blended-element-interposed | += | ++ | CSS Reftest Reference
+
|
+
| + mix-blend-mode-blended-element-overflow-scroll | += | ++ | blending between an element and its child having overflow:scroll
+
|
+
| + mix-blend-mode-blended-element-with-transparent-pixels | += | ++ | blending between an element with transparent pixels and a child element
+
|
+
| + mix-blend-mode-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child with 3D transform
+
|
+
| + mix-blend-mode-blended-with-transform-and-perspective | += | ++ | blending between an element and its child having mix-blend-mode and perspective
+
|
+
| + mix-blend-mode-blending-with-sibling | += | ++ | mix-blend-mode between an element and its sibling
+
|
+
| + mix-blend-mode-border-image | += | +SVG | +Blended element with border image
+
|
+
| + mix-blend-mode-both-parent-and-blended-with-3d-transform | += | ++ | mix-blend-mode between an element and its child (both with 3D transform)
+
|
+
| + mix-blend-mode-canvas-parent | += | +DOM/JS | +Canvas with mix-blend-mode blends with the parent element.
+
|
+
| + mix-blend-mode-canvas-sibling | += | +DOM/JS | +Canvas with mix-blend-mode blends with sibling element
+
|
+
| + mix-blend-mode-creates-stacking-context | ++ | DOM/JSScript | +an element with mix-blend-mode other than normal creates a stacking context
+
|
+
| + mix-blend-mode-filter | += | ++ | Blended element with filter.
+
|
+
| + mix-blend-mode-iframe-parent | += | ++ | an iframe element with mix-blend-mode should blend with its parent element.
+
|
+
| + mix-blend-mode-iframe-sibling | += | ++ | an iframe element with mix-blend-mode should blend with a sibling element.
+
|
+
| + mix-blend-mode-image | +≠ | +Bitmaps | +Image element with mix-blend-mode.
+
|
+
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| + mix-blend-mode-mask | += | +SVG | +Blended element with masking.
+
|
+
| + mix-blend-mode-overflowing-child | += | ++ | blended element overflows parent
+
|
+
| + mix-blend-mode-overflowing-child-of-blended-element | += | ++ | blend an element having an overflowing child.
+
|
+
| + mix-blend-mode-paragraph | += | ++ | Paragraph element with mix-blend-mode.
+
|
+
| + mix-blend-mode-paragraph-background-image | += | +SVG | +Paragraph element with mix-blend-mode over parent with background image.
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll | += | ++ | blending between an element with overflow:scroll and its child
+
|
+
| + mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed | += | ++ | blending between an element having overflow:scroll and its child having position: fixed
+
|
+
| + mix-blend-mode-parent-with-3d-transform | += | ++ | mix-blend-mode between an element with 3D transform and its child
+
|
+
| + mix-blend-mode-parent-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element having 3D transitions and its child
+
|
+
| + mix-blend-mode-parent-with-border-radius | += | ++ | blending with parent having border radius
+
|
+
| + mix-blend-mode-parent-with-text | += | ++ | check that the stacking context created by the parent element isolates blending.
+
|
+
| + mix-blend-mode-parsing | ++ | DOM/JSScript | +parsing mix-blend-mode property
+
|
+
| + mix-blend-mode-script | += | +DOM/JS | +Set mix-blend-mode from script.
+
|
+
| + mix-blend-mode-sibling-with-3d-transform | += | ++ | blending between an element and its sibling element having 3D transform
+
|
+
| + mix-blend-mode-sibling-with-3d-transform-and-transition | ++ | DOM/JS | +blending between an element and its sibling having 3D transform and transition
+
|
+
| + mix-blend-mode-simple | += | ++ | An element with mix-blend-mode blends with its parent element.
+
|
+
| + mix-blend-mode-stacking-context-001 | += | ++ | mix-blend-mode between an element and its child
+
|
+
| + mix-blend-mode-stacking-context-creates-isolation | += | ++ | stacking context creates isolated group
+
|
+
| + mix-blend-mode-svg | += | +SVG | +SVG element is blended.
+
|
+
| + mix-blend-mode-svg-rectangle | += | +SVG | +mix-blend-mode for a simple SVG element - rectangle + | +
| + mix-blend-mode-transition | += | +DOM/JS | +Blended element with transition
+
|
+
| + mix-blend-mode-video | +≠ | ++ | Video element with mix-blend-mode.
+
|
+
| + mix-blend-mode-video-sibling | +≠ | ++ | mix-blend-mode blending between a video element and an overlapping sibling
+
|
+
| + mix-blend-mode-with-transform-and-preserve-3d | += | ++ | mix-blend-mode between an element and its child having 3D transform and preserve 3D
+
|
+
| + text-with-svg-background | SVG | CSS mix-blend-mode API Test | |
| - text_with_svg_background | +|||
| + text_with_svg_background | SVG | Text with SVG background @@ -132,8 +626,8 @@ | |
| + - 3.4.2 The isolation property | |||
| blend-isolation | @@ -145,6 +639,14 @@|||
| + mix-blend-mode-in-svg-image | += | +SVG | +CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image + | +
| will-change-stacking-context-isolation-1 | diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/chapter-4.xht index bbac186699a..4187caf82f8 100644 --- a/tests/wpt/css-tests/compositing-1_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/chapter-4.xht @@ -30,7 +30,7 @@|||
| + - 4 Specifying Compositing and Blending in Canvas 2D | |||
| + - 5 Introduction to compositing | |||
| + - 5.1 Simple alpha compositing | |||
| + - 5.1.1 Examples of simple alpha compositing | |||
Test passes if you can see a fading green box.
+Test passes if you can see a green square on the screen.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green square on the screen.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ There should be a green rectangle on the screen.
+ Test passes if you see a green rectangle.
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht
new file mode 100644
index 00000000000..c0274f46891
--- /dev/null
+++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht
@@ -0,0 +1,45 @@
+
+
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside an aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+Test passes if you can see two rotating lime rectangles, both identical.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+Test passes if you can see two blue rectangles having inside a lime rotating rectangle each.
+ Lime rectangles should look identical when while rotating.
You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you can see a green square on the screen.
+Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+Test passes if you can see a fading green rectangle.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
Test passes if you can see a green circle over a blue background.
+You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Test passes if there is no red square on the screen.
+ You should see a black square.
Test passes if you can see a green square on the screen.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-animation-ref.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-animation-ref.xht new file mode 100644 index 00000000000..44a27117d55 --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-animation-ref.xht @@ -0,0 +1,29 @@ + + +Test passes if you can see a fading green box.
+The test passes if you see a lime rectangle with aqua rounded corners.
+Test passes if you see a lime rectangle.
+Test passes if you can see a lime square with aqua borders.
+ If the borders are red, the test fails.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
You should see a yellow square inside a green container.
+Test passes if you can see a green rectangle.
+ If blending is not performed, the div is displayed with red.
You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green blurred square.
+ The test fails if the square is drawn with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+ If blending is not performed, the canvas is displayed with red.
Test passes if you can see a green rectangle.
+
+ This test passes if you can see a rectangle split in two pieces: the top half is yellow with aqua rounded borders and the bottom half is aqua with yellow borders.
+Test passes if you can see a green circle.
+ The test fails if the circle is drawn with red.
Test passes if you can see two green squares and a black square as their intersection,
+ drawn over a light gray background.
Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if the paragraph text is drawn with green.
+This should be drawn with green.
+Test passes if you see a lime square with rounded corners.
+Test passes if you see a blue square inside a bigger aqua container.
+ The aqua container should have scrollbars on the left and bottom.
Test passes if you see a scrollable lime rectangle.
+You should see a fuchsia square overlapping an aqua square.
+ The overlapping area should be yellow.
Test passes if a green circle is drawn on top of a yellow square, over a lightgray background.
+Test passes if a yellow square with green text is drawn over a lightgray background.
+Test passes if you can see a green box.
+You should see three overlapping squares, from back to front, having the following colors: aqua, fuchsia and blue.
+ The intersection area between aqua and fuchsia squares, which is not overlapped by the blue square, should be yellow.
Test passes if you see a black rectangle with large aqua borders. + You should not see a red rectangle on the page.
+Test passes if there is no complete red square on the screen.
+ You should see two overlapping lime and red squares on top of a yellow one.
+ At the intersection of the lime and red squares, a black square will be created.
There should be no red rectangle on the screen.
+ Test passes if you see a black rectangle.
Test passes if you can see a green box.
+ + + + \ No newline at end of file diff --git a/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-transition-ref.xht b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-transition-ref.xht new file mode 100644 index 00000000000..670f9e017b0 --- /dev/null +++ b/tests/wpt/css-tests/compositing-1_dev/xhtml1print/reference/mix-blend-mode-transition-ref.xht @@ -0,0 +1,30 @@ + + +Test passes if you can see a fading green rectangle.
+Test passes if you can see a green circle over a blue background.
+Test passes if you can see text and a circle moving from the top to the bottom of the page,
+ both drawn with green, over a blue background.
You should see 2 small rectangles (yellow and blue) drawn inside a lime container.
+ The edges for all the rectangles should be either horizontal, or vertical (not skewed).
Some tests in the test suite may contain errors. Please check the latest version of the - CSS Animations 1 specification + CSS Animations 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-animations-1_dev/index.xht b/tests/wpt/css-tests/css-animations-1_dev/index.xht index cd5eceb8b7b..24e3aae8c38 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/index.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Animations 1 specification + CSS Animations 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/chapter-1.xht index e06337e3c98..7ecd83b6ed9 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/chapter-1.xht @@ -30,7 +30,7 @@| + - 3 Backgrounds | |||
|---|---|---|---|
| + - 3.1 Layering Multiple Background Images | |||
| @@ -49,9 +49,9 @@ | |||
| - background_properties_greater_than_images | +|||
| + background_properties_greater_than_images | Number of background properties greater than number of background images @@ -60,9 +60,9 @@ | ||
| - scroll-positioned-multiple-background-images | +|||
| + scroll-positioned-multiple-background-images | = | DOM/JSBitmapsScroll | Scroll multiple background images that are positioned @@ -78,11 +78,11 @@ |
| + - 3.2 Base Color: the ‘background-color’ property | |||
| - background-color-border-box | +|||
| + background-color-border-box | Background color clipped to 'border-box' @@ -91,9 +91,9 @@ | ||
| - background_color_padding_box | +|||
| + background_color_padding_box | Background color clipped to 'padding-box' @@ -102,9 +102,9 @@ | ||
| - color-behind-images | +|||
| + color-behind-images | Background color is drawn behind images @@ -116,9 +116,9 @@ | ||
| - background-color-applied-to-rounded-inline-element | +|||
| + background-color-applied-to-rounded-inline-element | 'Background-color' applied to a rounded inline element @@ -134,11 +134,11 @@ | ||
| + - 3.3 Image Sources: the ‘background-image’ property | |||
| - background-image-001 | +|||
| + background-image-001 | = | CSS Backgrounds: background-image div @@ -147,9 +147,9 @@ | |
| - background-image-002 | +|||
| + background-image-002 | = | CSS Backgrounds: background-image layered background on div @@ -158,9 +158,9 @@ | |
| - background-image-003 | +|||
| + background-image-003 | = | CSS Backgrounds: background-image <a> @@ -169,9 +169,9 @@ | |
| - background-image-004 | +|||
| + background-image-004 | = | CSS Backgrounds: background-image <a> layered images @@ -180,9 +180,9 @@ | |
| - background-image-005 | +|||
| + background-image-005 | = | CSS Backgrounds: background-image p tag @@ -191,9 +191,9 @@ | |
| - background-image-006 | +|||
| + background-image-006 | = | CSS Backgrounds: background-image p layered images @@ -202,9 +202,9 @@ | |
| - background-image-007 | +|||
| + background-image-007 | = | CSS Backgrounds: background-image :first-letter layered images @@ -224,9 +224,9 @@ | |
| - none-as-image-layer | +|||
| + none-as-image-layer | None counts as an image layer @@ -235,9 +235,9 @@ | ||
| - order-of-images | +|||
| + order-of-images | Order of images @@ -270,8 +270,8 @@ | ||
| + - 3.4 Tiling Images: the ‘background-repeat’ property | |||
| background-003 | @@ -382,9 +382,9 @@|||
| - background-repeat-round | +|||
| + background-repeat-round | = | Bitmaps | background-repeat:round @@ -393,9 +393,9 @@ |
| - background-repeat-round-001 | +|||
| + background-repeat-round-001 | Bitmaps | background-repeat - one round keyword value @@ -404,9 +404,9 @@ | |
| - background-repeat-round-002 | +|||
| + background-repeat-round-002 | Bitmaps | background-repeat: round basic support @@ -415,9 +415,9 @@ | |
| - background-repeat-round-roundup | +|||
| + background-repeat-round-roundup | = | Bitmaps | background-repeat:round, rounding up @@ -426,9 +426,9 @@ |
| - background-repeat-space | +|||
| + background-repeat-space | = | Bitmaps | background-repeat:space @@ -437,9 +437,9 @@ |
| - background-repeat-space-padding-box | +|||
| + background-repeat-space-padding-box | 'Background-repeat: space' when background positioning area is 'padding-box' @@ -492,9 +492,9 @@ | ||
| - background_repeat_space_border_box | +|||
| + background_repeat_space_border_box | 'Background-repeat: space' when background positioning area is 'border-box' @@ -503,9 +503,9 @@ | ||
| - background_repeat_space_content_box | +|||
| + background_repeat_space_content_box | 'Background-repeat: space' when background positioning area is 'content-box' @@ -514,17 +514,6 @@ | ||
| - ttwf-reftest-background-repeat-x | -= | -- | transform property with translate function
-
|
-
| + - 3.5 Affixing Images: the ‘background-attachment’ property | |||
| - attachment-local-clipping-color-1 | +|||
| + attachment-local-clipping-color-1 | = | DOM/JS | background-{attachment: local; clip: border-box; color} |
| - attachment-local-clipping-color-2 | +|||
| + attachment-local-clipping-color-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; color} |
| - attachment-local-clipping-color-3 | +|||
| + attachment-local-clipping-color-3 | = | DOM/JS | background-{attachment: local; clip: content-box; color} |
| - attachment-local-clipping-color-4 | +|||
| + attachment-local-clipping-color-4 | = | DOM/JS | background-{attachment: local; clip: border-box; color}; border-radius |
| - attachment-local-clipping-color-5 | +|||
| + attachment-local-clipping-color-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; color}; border-radius |
| - attachment-local-clipping-color-6 | +|||
| + attachment-local-clipping-color-6 | = | DOM/JS | background-{attachment: local; clip: content-box; color}; border-radius |
| - attachment-local-clipping-image-1 | +|||
| + attachment-local-clipping-image-1 | = | DOM/JS | background-{attachment: local; clip: border-box; image} |
| - attachment-local-clipping-image-2 | +|||
| + attachment-local-clipping-image-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; image} |
| - attachment-local-clipping-image-3 | +|||
| + attachment-local-clipping-image-3 | = | DOM/JS | background-{attachment: local; clip: content-box; image} |
| - attachment-local-clipping-image-4 | +|||
| + attachment-local-clipping-image-4 | = | DOM/JS | background-{attachment: local; clip: border-box; image}; border-radius |
| - attachment-local-clipping-image-5 | +|||
| + attachment-local-clipping-image-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; image}; border-radius |
| - attachment-local-clipping-image-6 | +|||
| + attachment-local-clipping-image-6 | = | DOM/JS | background-{attachment: local; clip: content-box; image}; border-radius |
| - attachment-local-positioning-2 | +|||
| + attachment-local-positioning-2 | = | DOM/JS | background-attachment: local; positioning area |
| - attachment-local-positioning-3 | +|||
| + attachment-local-positioning-3 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl |
| - attachment-local-positioning-4 | +|||
| + attachment-local-positioning-4 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl, top left |
| - attachment-local-positioning-5 | +|||
| + attachment-local-positioning-5 | = | DOM/JS | background-{attachment: local; origin: content-box}; positioning area |
| - attachment-scroll-positioning-1 | +|||
| + attachment-scroll-positioning-1 | = | DOM/JS | background-attachment: scroll; positioning area @@ -816,9 +805,9 @@ |
| - background-attachment-fixed | +|||
| + background-attachment-fixed | Interact | 'Background-attachment' with value 'fixed' @@ -827,9 +816,9 @@ | |
| - background-attachment-local | +|||
| + background-attachment-local | Interact | 'Background-attachment' with value 'local' @@ -838,9 +827,9 @@ | |
| - background-attachment-local-scrolling | +|||
| + background-attachment-local-scrolling | Scrolling when 'background-attachment: local' @@ -883,7 +872,7 @@ | ||
| + - 3.6 Positioning Images: the ‘background-position’ property | |||
| @@ -943,9 +932,9 @@ | |||
| - background_position_three_four_values | +|||
| + background_position_three_four_values | 'Background-position' with three and four values @@ -979,11 +968,11 @@ | ||
| + - 3.7 Painting Area: the ‘background-clip’ property | |||
| - background-clip-001 | +|||
| + background-clip-001 | DOM/JSScript | background-clip - initial and supported values @@ -992,9 +981,9 @@ | |
| - background-clip-002 | +|||
| + background-clip-002 | = | background-clip - initial value @@ -1003,9 +992,9 @@ | |
| - background-clip-003 | +|||
| + background-clip-003 | = | background-clip - border-box keyword value @@ -1014,9 +1003,9 @@ | |
| - background-clip-004 | +|||
| + background-clip-004 | = | background-clip - padding-box keyword value @@ -1025,9 +1014,9 @@ | |
| - background-clip-005 | +|||
| + background-clip-005 | = | background-clip - content-box keyword value @@ -1036,9 +1025,9 @@ | |
| - background-clip-006 | +|||
| + background-clip-006 | = | background-clip - inherit keyword value @@ -1047,9 +1036,9 @@ | |
| - background-clip-007 | +|||
| + background-clip-007 | = | background-clip: content-box with background-color @@ -1058,9 +1047,9 @@ | |
| - background-clip-008 | +|||
| + background-clip-008 | = | background-clip: padding-box with background-color @@ -1069,9 +1058,9 @@ | |
| - background-clip-009 | +|||
| + background-clip-009 | = | background-clip: border-box with background-color @@ -1080,9 +1069,9 @@ | |
| - background-clip-010 | +|||
| + background-clip-010 | = | background-clip - content-box with background-color @@ -1091,9 +1080,9 @@ | |
| - background-clip-content-box | +|||
| + background-clip-content-box | background-clip_content-box @@ -1102,9 +1091,9 @@ | ||
| - background-clip-content-box-001 | +|||
| + background-clip-content-box-001 | = | background-clip Reference @@ -1113,9 +1102,9 @@ | |
| - background-clip-padding-box-with-border-radius | +|||
| + background-clip-padding-box-with-border-radius | background-clip: padding-box with border-radius @@ -1124,9 +1113,9 @@ | ||
| - background-clip-root | +|||
| + background-clip-root | Bitmaps | background-clip on root @@ -1135,9 +1124,9 @@ | |
| - background-clip_padding-box | +|||
| + background-clip_padding-box | = | background-clip_border-box @@ -1146,9 +1135,9 @@ | |
| - background-paint-order-001 | +|||
| + background-paint-order-001 | = | Background clip and border painting order @@ -1179,9 +1168,9 @@ | |
| - border-box | +|||
| + border-box | Bitmaps | background-clip:border-box @@ -1190,9 +1179,9 @@ | |
| - border-box_with_position | +|||
| + border-box_with_position | Bitmaps | background-clip:border-box & background-position @@ -1201,9 +1190,9 @@ | |
| - border-box_with_radius | +|||
| + border-box_with_radius | Bitmaps | background-clip:border-box & border-radius @@ -1212,9 +1201,9 @@ | |
| - border-box_with_size | +|||
| + border-box_with_size | Bitmaps | background-clip:border-box & background-size @@ -1223,9 +1212,9 @@ | |
| - content-box | +|||
| + content-box | Bitmaps | background-clip:content-box @@ -1234,9 +1223,9 @@ | |
| - content-box_with_position | +|||
| + content-box_with_position | Bitmaps | background-clip:content-box & background-position @@ -1245,9 +1234,9 @@ | |
| - content-box_with_radius | +|||
| + content-box_with_radius | Bitmaps | background-clip:content-box & border-radius @@ -1256,9 +1245,9 @@ | |
| - content-box_with_size | +|||
| + content-box_with_size | Bitmaps | background-clip:content-box & background-size @@ -1267,33 +1256,33 @@ | |
| - css3-background-clip-border-box | +|||
| + css3-background-clip-border-box | = | background clip property with value border-box | |
| - css3-background-clip-content-box | +|||
| + css3-background-clip-content-box | = | background clip property with value content-box | |
| - css3-background-clip-padding-box | +|||
| + css3-background-clip-padding-box | = | background clip property with value padding-box | |
| - padding-box | +|||
| + padding-box | Bitmaps | background-clip:padding-box @@ -1302,9 +1291,9 @@ | |
| - padding-box_with_position | +|||
| + padding-box_with_position | Bitmaps | background-clip:padding-box & background-position @@ -1313,9 +1302,9 @@ | |
| - padding-box_with_radius | +|||
| + padding-box_with_radius | Bitmaps | background-clip:padding-box & border-radius @@ -1324,9 +1313,9 @@ | |
| - padding-box_with_size | +|||
| + padding-box_with_size | Bitmaps | background-clip:padding-box & background-size @@ -1357,11 +1346,11 @@ | |
| + - 3.8 Positioning Area: the ‘background-origin’ property | |||
| - background-origin-001 | +|||
| + background-origin-001 | DOM/JSScript | background-origin - initial and supported values @@ -1370,9 +1359,9 @@ | |
| - background-origin-002 | +|||
| + background-origin-002 | = | Bitmaps | background-origin - initial value @@ -1381,9 +1370,9 @@ |
| - background-origin-003 | +|||
| + background-origin-003 | = | Bitmaps | background-origin - padding-box keyword value @@ -1392,9 +1381,9 @@ |
| - background-origin-004 | +|||
| + background-origin-004 | = | Bitmaps | background-origin - border-box keyword value @@ -1403,9 +1392,9 @@ |
| - background-origin-005 | +|||
| + background-origin-005 | = | Bitmaps | background-origin - content-box keyword value @@ -1414,9 +1403,9 @@ |
| - background-origin-006 | +|||
| + background-origin-006 | = | Bitmaps | background-origin 'content-box' with background-attachment 'fixed' @@ -1425,9 +1414,9 @@ |
| - background-origin-007 | +|||
| + background-origin-007 | = | Bitmaps | background-origin 'border-box' with background-clip 'padding-box' @@ -1436,9 +1425,9 @@ |
| - background-origin-008 | +|||
| + background-origin-008 | = | background-origin - inherit keyword value @@ -1469,25 +1458,25 @@ | |
| - css3-background-origin-border-box | +|||
| + css3-background-origin-border-box | = | background origin property with value border-box | |
| - css3-background-origin-content-box | +|||
| + css3-background-origin-content-box | = | background origin property with value content-box | |
| - css3-background-origin-padding-box | +|||
| + css3-background-origin-padding-box | = | background origin property with value content-box @@ -1512,7 +1501,7 @@ | |
| + - 3.9 Sizing Images: the ‘background-size’ property | |||
| @@ -1624,9 +1613,9 @@ | |||
| - background-size-001 | +|||
| + background-size-001 | DOM/JSScript | background-size - initial and supported values @@ -1635,9 +1624,9 @@ | |
| - background-size-002 | +|||
| + background-size-002 | = | Bitmaps | background-size - initial value @@ -1646,9 +1635,9 @@ |
| - background-size-003 | +|||
| + background-size-003 | Value of 'auto' is used for y dimension in 'background-size' @@ -1657,9 +1646,9 @@ | ||
| - background-size-005 | +|||
| + background-size-005 | = | Bitmaps | background-size - one auto keyword value @@ -1668,9 +1657,9 @@ |
| - background-size-006 | +|||
| + background-size-006 | = | Bitmaps | background-size - one <length> value @@ -1679,9 +1668,9 @@ |
| - background-size-007 | +|||
| + background-size-007 | = | Bitmaps | background-size - one <length> value at minimum @@ -1690,9 +1679,9 @@ |
| - background-size-008 | +|||
| + background-size-008 | = | Bitmaps | background-size - one <length> value at maximum @@ -1701,9 +1690,9 @@ |
| - background-size-009 | +|||
| + background-size-009 | = | Bitmaps | background-size - one <percentage> value @@ -1712,9 +1701,9 @@ |
| - background-size-010 | +|||
| + background-size-010 | = | Bitmaps | background-size - one <percentage> value at minimum @@ -1723,9 +1712,9 @@ |
| - background-size-011 | +|||
| + background-size-011 | = | Bitmaps | background-size - one <percentage> value at maximum @@ -1734,9 +1723,9 @@ |
| - background-size-012 | +|||
| + background-size-012 | = | Bitmaps | background-size - two auto keyword values @@ -1745,9 +1734,9 @@ |
| - background-size-013 | +|||
| + background-size-013 | = | Bitmaps | background-size - one auto keyword and one <length> values @@ -1756,9 +1745,9 @@ |
| - background-size-014 | +|||
| + background-size-014 | = | Bitmaps | background-size - one auto keyword and one <percentage> values @@ -1767,9 +1756,9 @@ |
| - background-size-015 | +|||
| + background-size-015 | = | Bitmaps | background-size - one <length> and one auto keyword values @@ -1778,9 +1767,9 @@ |
| - background-size-016 | +|||
| + background-size-016 | = | Bitmaps | background-size - two <length> values @@ -1789,9 +1778,9 @@ |
| - background-size-017 | +|||
| + background-size-017 | = | Bitmaps | background-size - one <length> and one <percentage> values @@ -1800,9 +1789,9 @@ |
| - background-size-018 | +|||
| + background-size-018 | = | Bitmaps | background-size - one <percentage> and one auto keyword values @@ -1811,9 +1800,9 @@ |
| - background-size-019 | +|||
| + background-size-019 | = | Bitmaps | background-size - one <percentage> and one <length> values @@ -1822,9 +1811,9 @@ |
| - background-size-020 | +|||
| + background-size-020 | = | Bitmaps | background-size - two <percentage> values @@ -1833,9 +1822,9 @@ |
| - background-size-021 | +|||
| + background-size-021 | = | Bitmaps | background-size '100% 100%' with background-origin 'content-box' @@ -1844,9 +1833,9 @@ |
| - background-size-022 | +|||
| + background-size-022 | Bitmaps | background-size '50% auto' with background-origin 'border-box' @@ -1855,9 +1844,9 @@ | |
| - background-size-023 | +|||
| + background-size-023 | Bitmaps | background-size '50% auto' with background-clip 'padding-box' @@ -1866,9 +1855,9 @@ | |
| - background-size-024 | +|||
| + background-size-024 | Bitmaps | background-size '100% 100%' with background-clip 'content-box' @@ -1877,9 +1866,9 @@ | |
| - background-size-025 | +|||
| + background-size-025 | = | Bitmaps | background-size 'auto 61px' with background-repeat 'round' @@ -1888,9 +1877,9 @@ |
| - background-size-026 | +|||
| + background-size-026 | = | Bitmaps | background-size 'auto' with background-repeat 'repeat' @@ -1899,9 +1888,9 @@ |
| - background-size-027 | +|||
| + background-size-027 | = | Bitmaps | background-size '52px auto' with background-repeat 'repeat round' @@ -1910,9 +1899,9 @@ |
| - background-size-028 | +|||
| + background-size-028 | = | Bitmaps | background-size '50px' with background-repeat 'repeat' @@ -1921,9 +1910,9 @@ |
| - background-size-029 | +|||
| + background-size-029 | = | Bitmaps | background-size '52px auto' with background-repeat 'round repeat' @@ -1932,9 +1921,9 @@ |
| - background-size-030 | +|||
| + background-size-030 | = | Bitmaps | background-size '25% 25%' with background-repeat 'repeat' @@ -1943,9 +1932,9 @@ |
| - background-size-031 | +|||
| + background-size-031 | = | Bitmaps | background-size '20% 30%' with background-repeat 'no-repeat round' @@ -1954,9 +1943,9 @@ |
| - background-size-032 | +|||
| + background-size-032 | Bitmaps | background-size - applies to ::first-letter pseudo-element @@ -1965,9 +1954,9 @@ | |
| - background-size-033 | +|||
| + background-size-033 | Bitmaps | background-size - applies to ::first-line pseudo-element @@ -1976,9 +1965,9 @@ | |
| - background-size-034 | +|||
| + background-size-034 | = | Bitmaps | background-size - inherit keyword value @@ -1987,9 +1976,9 @@ |
| - background-size-035 | +|||
| + background-size-035 | = | background-size conflicts with background-attachment @@ -1998,9 +1987,9 @@ | |
| - background-size-applies-to-block | +|||
| + background-size-applies-to-block | 'Background-size' applied to element with a display of 'block'. @@ -2009,9 +1998,9 @@ | ||
| - background-size-aspect-ratio | +|||
| + background-size-aspect-ratio | Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' @@ -2020,9 +2009,9 @@ | ||
| - background-size-contain | +|||
| + background-size-contain | = | Bitmaps | background-size:contain @@ -2031,9 +2020,9 @@ |
| - background-size-contain-001 | +|||
| + background-size-contain-001 | = | Bitmaps | background-size - contain keyword value @@ -2042,9 +2031,9 @@ |
| - background-size-contain-002 | +|||
| + background-size-contain-002 | = | Bitmaps | background-size - contain keyword value @@ -2053,9 +2042,9 @@ |
| - background-size-cover | +|||
| + background-size-cover | = | Bitmaps | background-size:cover @@ -2064,9 +2053,9 @@ |
| - background-size-cover-001 | +|||
| + background-size-cover-001 | = | Bitmaps | background-size - cover keyword value @@ -2075,9 +2064,9 @@ |
| - background-size-cover-002 | +|||
| + background-size-cover-002 | = | Bitmaps | background-size - cover keyword value @@ -2086,9 +2075,9 @@ |
| - background-size-cover-contain-001 | +|||
| + background-size-cover-contain-001 | = | Bitmaps | background-size - cover value and contain value @@ -2097,9 +2086,9 @@ |
| - background-size-cover-contain-002 | +|||
| + background-size-cover-contain-002 | = | Bitmaps | background-size - cover value and contain value @@ -2108,233 +2097,233 @@ |
| - background-size-vector-001 | +|||
| + background-size-vector-001 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-002 | +|||
| + background-size-vector-002 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-003 | +|||
| + background-size-vector-003 | = | SVG | background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-004 | +|||
| + background-size-vector-004 | = | SVG | background-size: 16px auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-005 | +|||
| + background-size-vector-005 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-006 | +|||
| + background-size-vector-006 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-007 | +|||
| + background-size-vector-007 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-008 | +|||
| + background-size-vector-008 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-009 | +|||
| + background-size-vector-009 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-010 | +|||
| + background-size-vector-010 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height.svg |
| - background-size-vector-012 | +|||
| + background-size-vector-012 | = | SVG | background-size: 16px auto; for omitted-width-percent-height.svg |
| - background-size-vector-013 | +|||
| + background-size-vector-013 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-014 | +|||
| + background-size-vector-014 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height.svg |
| - background-size-vector-015 | +|||
| + background-size-vector-015 | = | SVG | background-size: 16px auto; for percent-width-omitted-height-viewbox.svg |
| - background-size-vector-016 | +|||
| + background-size-vector-016 | = | SVG | background-size: 16px auto; for percent-width-omitted-height.svg |
| - background-size-vector-017 | +|||
| + background-size-vector-017 | = | SVG | background-size: 16px auto; for percent-width-percent-height-viewbox.svg |
| - background-size-vector-018 | +|||
| + background-size-vector-018 | = | SVG | background-size: 16px auto; for percent-width-percent-height.svg |
| - background-size-vector-019 | +|||
| + background-size-vector-019 | = | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-020 | +|||
| + background-size-vector-020 | = | SVG | tall background-size: auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-021 | +|||
| + background-size-vector-021 | = | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-022 | +|||
| + background-size-vector-022 | = | SVG | background-size: auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-023 | +|||
| + background-size-vector-023 | = | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-024 | +|||
| + background-size-vector-024 | = | SVG | background-size: auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-025 | +|||
| + background-size-vector-025 | = | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-026 | +|||
| + background-size-vector-026 | = | SVG | background-size: auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-027 | +|||
| + background-size-vector-027 | = | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-028 | +|||
| + background-size-vector-028 | = | SVG | background-size: auto; for omitted-width-omitted-height.svg |
| - background-size-vector-029 | +|||
| + background-size-vector-029 | = | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg |
| - box-shadow-003 | +|||
| + box-shadow-003 | Layering of box shadows @@ -2343,1417 +2332,1417 @@ | ||
| - css3-background-size-001 | +|||
| + css3-background-size-001 | = | background size property | |
| - css3-background-size-contain | +|||
| + css3-background-size-contain | = | CSS3 background-size:contain | |
| - diagonal-percentage-vector-background | +|||
| + diagonal-percentage-vector-background | = | SVG | scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal |
| - tall--auto--omitted-width-percent-height | +|||
| + tall--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - tall--auto--percent-width-nonpercent-height | +|||
| + tall--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - tall--auto--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto--percent-width-omitted-height | +|||
| + tall--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - tall--auto--percent-width-omitted-height-viewbox | +|||
| + tall--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto--percent-width-percent-height | +|||
| + tall--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - tall--auto--percent-width-percent-height-viewbox | +|||
| + tall--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height | +|||
| + tall--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-percent-height | +|||
| + tall--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - tall--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height | +|||
| + tall--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-omitted-height | +|||
| + tall--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - tall--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + tall--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-percent-height | +|||
| + tall--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - tall--auto-32px--omitted-width-percent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-nonpercent-height | +|||
| + tall--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - tall--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-omitted-height | +|||
| + tall--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - tall--auto-32px--percent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--percent-width-percent-height | +|||
| + tall--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - tall--auto-32px--percent-width-percent-height-viewbox | +|||
| + tall--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--height | +|||
| + tall--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--contain--nonpercent-width-nonpercent-height | +|||
| + tall--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - tall--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--nonpercent-width-omitted-height | +|||
| + tall--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - tall--contain--nonpercent-width-omitted-height-viewbox | +|||
| + tall--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--contain--nonpercent-width-percent-height | +|||
| + tall--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - tall--contain--nonpercent-width-percent-height-viewbox | +|||
| + tall--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--contain--omitted-width-nonpercent-height | +|||
| + tall--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - tall--contain--omitted-width-nonpercent-height-viewbox | +|||
| + tall--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--contain--omitted-width-omitted-height | +|||
| + tall--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - tall--contain--omitted-width-omitted-height-viewbox | +|||
| + tall--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - tall--contain--omitted-width-percent-height | +|||
| + tall--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - tall--contain--omitted-width-percent-height-viewbox | +|||
| + tall--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - tall--contain--percent-width-nonpercent-height | +|||
| + tall--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - tall--contain--percent-width-nonpercent-height-viewbox | +|||
| + tall--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--percent-width-omitted-height | +|||
| + tall--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - tall--contain--percent-width-omitted-height-viewbox | +|||
| + tall--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - tall--contain--percent-width-percent-height | +|||
| + tall--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - tall--contain--percent-width-percent-height-viewbox | +|||
| + tall--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--width | +|||
| + tall--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - tall--cover--height | +|||
| + tall--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--cover--nonpercent-width-nonpercent-height | +|||
| + tall--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - tall--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--nonpercent-width-omitted-height | +|||
| + tall--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - tall--cover--nonpercent-width-omitted-height-viewbox | +|||
| + tall--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--cover--nonpercent-width-percent-height | +|||
| + tall--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - tall--cover--nonpercent-width-percent-height-viewbox | +|||
| + tall--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--cover--omitted-width-nonpercent-height | +|||
| + tall--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - tall--cover--omitted-width-nonpercent-height-viewbox | +|||
| + tall--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--cover--omitted-width-omitted-height | +|||
| + tall--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - tall--cover--omitted-width-omitted-height-viewbox | +|||
| + tall--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - tall--cover--omitted-width-percent-height | +|||
| + tall--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - tall--cover--omitted-width-percent-height-viewbox | +|||
| + tall--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - tall--cover--percent-width-nonpercent-height | +|||
| + tall--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - tall--cover--percent-width-nonpercent-height-viewbox | +|||
| + tall--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--percent-width-omitted-height | +|||
| + tall--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - tall--cover--percent-width-omitted-height-viewbox | +|||
| + tall--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - tall--cover--percent-width-percent-height | +|||
| + tall--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - tall--cover--percent-width-percent-height-viewbox | +|||
| + tall--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - tall--cover--width | +|||
| + tall--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height | +|||
| + wide--12px-auto--nonpercent-width-omitted-height | SVG | background-size: 12px auto; for nonpercent-width-omitted-height.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-percent-height | +|||
| + wide--12px-auto--nonpercent-width-percent-height | SVG | background-size: 12px auto; for nonpercent-width-percent-height.svg | |
| - wide--12px-auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-percent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height | +|||
| + wide--12px-auto--omitted-width-nonpercent-height | SVG | background-size: 12px auto; for omitted-width-nonpercent-height.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-omitted-height | +|||
| + wide--12px-auto--omitted-width-omitted-height | SVG | background-size: 12px auto; for omitted-width-omitted-height.svg | |
| - wide--12px-auto--omitted-width-omitted-height-viewbox | +|||
| + wide--12px-auto--omitted-width-omitted-height-viewbox | SVG | background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-percent-height | +|||
| + wide--12px-auto--omitted-width-percent-height | SVG | background-size: 12px auto; for omitted-width-percent-height.svg | |
| - wide--12px-auto--omitted-width-percent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-percent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-nonpercent-height | +|||
| + wide--12px-auto--percent-width-nonpercent-height | SVG | background-size: 12px auto; for percent-width-nonpercent-height.svg | |
| - wide--12px-auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--percent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-omitted-height | +|||
| + wide--12px-auto--percent-width-omitted-height | SVG | background-size: 12px auto; for percent-width-omitted-height.svg | |
| - wide--12px-auto--percent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--percent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--percent-width-percent-height | +|||
| + wide--12px-auto--percent-width-percent-height | SVG | background-size: 12px auto; for percent-width-percent-height.svg | |
| - wide--12px-auto--percent-width-percent-height-viewbox | +|||
| + wide--12px-auto--percent-width-percent-height-viewbox | SVG | background-size: 12px auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-nonpercent-height | +|||
| + wide--auto--nonpercent-width-nonpercent-height | SVG | background-size: auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-omitted-height | +|||
| + wide--auto--nonpercent-width-omitted-height | SVG | background-size: auto; for nonpercent-width-omitted-height.svg | |
| - wide--auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto--nonpercent-width-percent-height | +|||
| + wide--auto--nonpercent-width-percent-height | SVG | background-size: auto; for nonpercent-width-percent-height.svg | |
| - wide--auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto--nonpercent-width-percent-height-viewbox | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto--omitted-width-nonpercent-height | +|||
| + wide--auto--omitted-width-nonpercent-height | SVG | background-size: auto; for omitted-width-nonpercent-height.svg | |
| - wide--auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto--omitted-width-omitted-height | +|||
| + wide--auto--omitted-width-omitted-height | SVG | background-size: auto; for omitted-width-omitted-height.svg | |
| - wide--auto--omitted-width-omitted-height-viewbox | +|||
| + wide--auto--omitted-width-omitted-height-viewbox | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto--omitted-width-percent-height | +|||
| + wide--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - wide--auto--omitted-width-percent-height-viewbox | +|||
| + wide--auto--omitted-width-percent-height-viewbox | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto--percent-width-nonpercent-height | +|||
| + wide--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - wide--auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--percent-width-omitted-height | +|||
| + wide--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - wide--auto--percent-width-omitted-height-viewbox | +|||
| + wide--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto--percent-width-percent-height | +|||
| + wide--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - wide--auto--percent-width-percent-height-viewbox | +|||
| + wide--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height | +|||
| + wide--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-percent-height | +|||
| + wide--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - wide--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height | +|||
| + wide--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-omitted-height | +|||
| + wide--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - wide--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + wide--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-percent-height | +|||
| + wide--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - wide--auto-32px--omitted-width-percent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-nonpercent-height | +|||
| + wide--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - wide--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-omitted-height | +|||
| + wide--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - wide--auto-32px--percent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--percent-width-percent-height | +|||
| + wide--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - wide--auto-32px--percent-width-percent-height-viewbox | +|||
| + wide--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--height | +|||
| + wide--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--contain--nonpercent-width-nonpercent-height | +|||
| + wide--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - wide--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--nonpercent-width-omitted-height | +|||
| + wide--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - wide--contain--nonpercent-width-omitted-height-viewbox | +|||
| + wide--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--contain--nonpercent-width-percent-height | +|||
| + wide--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - wide--contain--nonpercent-width-percent-height-viewbox | +|||
| + wide--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--contain--omitted-width-nonpercent-height | +|||
| + wide--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - wide--contain--omitted-width-nonpercent-height-viewbox | +|||
| + wide--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--contain--omitted-width-omitted-height | +|||
| + wide--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - wide--contain--omitted-width-omitted-height-viewbox | +|||
| + wide--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - wide--contain--omitted-width-percent-height | +|||
| + wide--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - wide--contain--omitted-width-percent-height-viewbox | +|||
| + wide--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - wide--contain--percent-width-nonpercent-height | +|||
| + wide--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - wide--contain--percent-width-nonpercent-height-viewbox | +|||
| + wide--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--percent-width-omitted-height | +|||
| + wide--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - wide--contain--percent-width-omitted-height-viewbox | +|||
| + wide--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - wide--contain--percent-width-percent-height | +|||
| + wide--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - wide--contain--percent-width-percent-height-viewbox | +|||
| + wide--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--width | +|||
| + wide--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--cover--height | +|||
| + wide--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--cover--nonpercent-width-nonpercent-height | +|||
| + wide--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - wide--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--nonpercent-width-omitted-height | +|||
| + wide--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - wide--cover--nonpercent-width-omitted-height-viewbox | +|||
| + wide--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--cover--nonpercent-width-percent-height | +|||
| + wide--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - wide--cover--nonpercent-width-percent-height-viewbox | +|||
| + wide--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--cover--omitted-width-nonpercent-height | +|||
| + wide--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - wide--cover--omitted-width-nonpercent-height-viewbox | +|||
| + wide--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--cover--omitted-width-omitted-height | +|||
| + wide--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - wide--cover--omitted-width-omitted-height-viewbox | +|||
| + wide--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - wide--cover--omitted-width-percent-height | +|||
| + wide--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - wide--cover--omitted-width-percent-height-viewbox | +|||
| + wide--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - wide--cover--percent-width-nonpercent-height | +|||
| + wide--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - wide--cover--percent-width-nonpercent-height-viewbox | +|||
| + wide--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--percent-width-omitted-height | +|||
| + wide--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - wide--cover--percent-width-omitted-height-viewbox | +|||
| + wide--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - wide--cover--percent-width-percent-height | +|||
| + wide--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - wide--cover--percent-width-percent-height-viewbox | +|||
| + wide--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - wide--cover--width | +|||
| + wide--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - zero-height-ratio-5px-auto | +|||
| + zero-height-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-height-ratio-auto-5px | +|||
| + zero-height-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-height-ratio-auto-auto | +|||
| + zero-height-ratio-auto-auto | SVG | zero height ratio, auto auto | |
| - zero-height-ratio-contain | +|||
| + zero-height-ratio-contain | SVG | zero height ratio, contain | |
| - zero-height-ratio-cover | +|||
| + zero-height-ratio-cover | SVG | zero height ratio, cover | |
| - zero-ratio-no-dimensions-5px-auto | +|||
| + zero-ratio-no-dimensions-5px-auto | SVG | zero ratio, no dimensions, 5px auto | |
| - zero-ratio-no-dimensions-auto-5px | +|||
| + zero-ratio-no-dimensions-auto-5px | SVG | zero ratio, no dimensions, auto 5px | |
| - zero-ratio-no-dimensions-auto-auto | +|||
| + zero-ratio-no-dimensions-auto-auto | SVG | zero ratio, no dimensions, auto auto | |
| - zero-ratio-no-dimensions-contain | +|||
| + zero-ratio-no-dimensions-contain | SVG | zero ratio, no dimensions, contain | |
| - zero-ratio-no-dimensions-cover | +|||
| + zero-ratio-no-dimensions-cover | SVG | zero ratio, no dimensions, cover | |
| - zero-width-ratio-5px-auto | +|||
| + zero-width-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-width-ratio-auto-5px | +|||
| + zero-width-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-width-ratio-auto-auto | +|||
| + zero-width-ratio-auto-auto | SVG | zero width ratio, auto auto | |
| - zero-width-ratio-contain | +|||
| + zero-width-ratio-contain | SVG | zero width ratio, contain | |
| - zero-width-ratio-cover | +|||
| + zero-width-ratio-cover | SVG | zero width ratio, cover @@ -3781,7 +3770,7 @@ | |
| + - 3.10 Backgrounds Shorthand: the ‘background’ property | |||
| @@ -3805,9 +3794,9 @@ | |||
| - background-331 | +|||
| + background-331 | DOM/JSScript | background shorthand - initial values @@ -3816,9 +3805,9 @@ | |
| - background-332 | +|||
| + background-332 | DOM/JSBitmapsScript | background shorthand - all values specified @@ -3827,9 +3816,9 @@ | |
| - background-333 | +|||
| + background-333 | DOM/JSScript | background shorthand - background-color 'red' @@ -3838,9 +3827,9 @@ | |
| - background-334 | +|||
| + background-334 | = | Bitmaps | background shorthand - background-size '100% auto' @@ -3849,9 +3838,9 @@ |
| - background-335 | +|||
| + background-335 | DOM/JSScript | background shorthand - only one <box> value @@ -3860,9 +3849,9 @@ | |
| - background-336 | +|||
| + background-336 | DOM/JSScript | background shorthand - two <box> values @@ -3884,13 +3873,13 @@ | |
| + - 3.11 Backgrounds of Special Elements | |||
| + - 3.11.1 The Canvas Background and the Root Element | |||
| + - 3.11.2 The Canvas Background and the HTML Element | |||
| + - 3.11.3 The ‘::first-line’ Pseudo-element‘s Background | |||
Test passes if there is a filled green square and no red.
- - \ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/README b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/README index 69d1737bead..2e5f2ad0738 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/README +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/README @@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders. The pattern-* images use cells of various sizes: - pattern-gg-gr.png 20x20 pattern-grg-rgr-grg.png 20x20 pattern-rgr-grg-rgr.png 20x20 pattern-tr.png 15x15 diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/pattern-gg-gr.png b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/pattern-gg-gr.png deleted file mode 100644 index 091de70bb72..00000000000 Binary files a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/pattern-gg-gr.png and /dev/null differ diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-background-repeat-x-ref.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-background-repeat-x-ref.htm deleted file mode 100644 index 343e26d46da..00000000000 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-background-repeat-x-ref.htm +++ /dev/null @@ -1,47 +0,0 @@ - - -The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
The test passes if you see the img repeat on the X direction (not repeat on the Y direction)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
Some tests in the test suite may contain errors. Please check the latest version of the - CSS Backgrounds 3 specification + CSS Backgrounds 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
@@ -166,7 +166,6 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Backgrounds 3 specification + CSS Backgrounds 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
@@ -166,7 +166,6 @@| + - 3 Backgrounds | |||
|---|---|---|---|
| + - 3.1 Layering Multiple Background Images | |||
| @@ -49,9 +49,9 @@ | |||
| - background_properties_greater_than_images | +|||
| + background_properties_greater_than_images | Number of background properties greater than number of background images @@ -60,9 +60,9 @@ | ||
| - scroll-positioned-multiple-background-images | +|||
| + scroll-positioned-multiple-background-images | = | DOM/JSBitmapsScroll | Scroll multiple background images that are positioned @@ -78,11 +78,11 @@ |
| + - 3.2 Base Color: the ‘background-color’ property | |||
| - background-color-border-box | +|||
| + background-color-border-box | Background color clipped to 'border-box' @@ -91,9 +91,9 @@ | ||
| - background_color_padding_box | +|||
| + background_color_padding_box | Background color clipped to 'padding-box' @@ -102,9 +102,9 @@ | ||
| - color-behind-images | +|||
| + color-behind-images | Background color is drawn behind images @@ -116,9 +116,9 @@ | ||
| - background-color-applied-to-rounded-inline-element | +|||
| + background-color-applied-to-rounded-inline-element | 'Background-color' applied to a rounded inline element @@ -134,11 +134,11 @@ | ||
| + - 3.3 Image Sources: the ‘background-image’ property | |||
| - background-image-001 | +|||
| + background-image-001 | = | CSS Backgrounds: background-image div @@ -147,9 +147,9 @@ | |
| - background-image-002 | +|||
| + background-image-002 | = | CSS Backgrounds: background-image layered background on div @@ -158,9 +158,9 @@ | |
| - background-image-003 | +|||
| + background-image-003 | = | CSS Backgrounds: background-image <a> @@ -169,9 +169,9 @@ | |
| - background-image-004 | +|||
| + background-image-004 | = | CSS Backgrounds: background-image <a> layered images @@ -180,9 +180,9 @@ | |
| - background-image-005 | +|||
| + background-image-005 | = | CSS Backgrounds: background-image p tag @@ -191,9 +191,9 @@ | |
| - background-image-006 | +|||
| + background-image-006 | = | CSS Backgrounds: background-image p layered images @@ -202,9 +202,9 @@ | |
| - background-image-007 | +|||
| + background-image-007 | = | CSS Backgrounds: background-image :first-letter layered images @@ -224,9 +224,9 @@ | |
| - none-as-image-layer | +|||
| + none-as-image-layer | None counts as an image layer @@ -235,9 +235,9 @@ | ||
| - order-of-images | +|||
| + order-of-images | Order of images @@ -270,8 +270,8 @@ | ||
| + - 3.4 Tiling Images: the ‘background-repeat’ property | |||
| background-003 | @@ -382,9 +382,9 @@|||
| - background-repeat-round | +|||
| + background-repeat-round | = | Bitmaps | background-repeat:round @@ -393,9 +393,9 @@ |
| - background-repeat-round-001 | +|||
| + background-repeat-round-001 | Bitmaps | background-repeat - one round keyword value @@ -404,9 +404,9 @@ | |
| - background-repeat-round-002 | +|||
| + background-repeat-round-002 | Bitmaps | background-repeat: round basic support @@ -415,9 +415,9 @@ | |
| - background-repeat-round-roundup | +|||
| + background-repeat-round-roundup | = | Bitmaps | background-repeat:round, rounding up @@ -426,9 +426,9 @@ |
| - background-repeat-space | +|||
| + background-repeat-space | = | Bitmaps | background-repeat:space @@ -437,9 +437,9 @@ |
| - background-repeat-space-padding-box | +|||
| + background-repeat-space-padding-box | 'Background-repeat: space' when background positioning area is 'padding-box' @@ -492,9 +492,9 @@ | ||
| - background_repeat_space_border_box | +|||
| + background_repeat_space_border_box | 'Background-repeat: space' when background positioning area is 'border-box' @@ -503,9 +503,9 @@ | ||
| - background_repeat_space_content_box | +|||
| + background_repeat_space_content_box | 'Background-repeat: space' when background positioning area is 'content-box' @@ -514,17 +514,6 @@ | ||
| - ttwf-reftest-background-repeat-x | -= | -- | transform property with translate function
-
|
-
| + - 3.5 Affixing Images: the ‘background-attachment’ property | |||
| - attachment-local-clipping-color-1 | +|||
| + attachment-local-clipping-color-1 | = | DOM/JS | background-{attachment: local; clip: border-box; color} |
| - attachment-local-clipping-color-2 | +|||
| + attachment-local-clipping-color-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; color} |
| - attachment-local-clipping-color-3 | +|||
| + attachment-local-clipping-color-3 | = | DOM/JS | background-{attachment: local; clip: content-box; color} |
| - attachment-local-clipping-color-4 | +|||
| + attachment-local-clipping-color-4 | = | DOM/JS | background-{attachment: local; clip: border-box; color}; border-radius |
| - attachment-local-clipping-color-5 | +|||
| + attachment-local-clipping-color-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; color}; border-radius |
| - attachment-local-clipping-color-6 | +|||
| + attachment-local-clipping-color-6 | = | DOM/JS | background-{attachment: local; clip: content-box; color}; border-radius |
| - attachment-local-clipping-image-1 | +|||
| + attachment-local-clipping-image-1 | = | DOM/JS | background-{attachment: local; clip: border-box; image} |
| - attachment-local-clipping-image-2 | +|||
| + attachment-local-clipping-image-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; image} |
| - attachment-local-clipping-image-3 | +|||
| + attachment-local-clipping-image-3 | = | DOM/JS | background-{attachment: local; clip: content-box; image} |
| - attachment-local-clipping-image-4 | +|||
| + attachment-local-clipping-image-4 | = | DOM/JS | background-{attachment: local; clip: border-box; image}; border-radius |
| - attachment-local-clipping-image-5 | +|||
| + attachment-local-clipping-image-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; image}; border-radius |
| - attachment-local-clipping-image-6 | +|||
| + attachment-local-clipping-image-6 | = | DOM/JS | background-{attachment: local; clip: content-box; image}; border-radius |
| - attachment-local-positioning-2 | +|||
| + attachment-local-positioning-2 | = | DOM/JS | background-attachment: local; positioning area |
| - attachment-local-positioning-3 | +|||
| + attachment-local-positioning-3 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl |
| - attachment-local-positioning-4 | +|||
| + attachment-local-positioning-4 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl, top left |
| - attachment-local-positioning-5 | +|||
| + attachment-local-positioning-5 | = | DOM/JS | background-{attachment: local; origin: content-box}; positioning area |
| - attachment-scroll-positioning-1 | +|||
| + attachment-scroll-positioning-1 | = | DOM/JS | background-attachment: scroll; positioning area @@ -816,9 +805,9 @@ |
| - background-attachment-fixed | +|||
| + background-attachment-fixed | Interact | 'Background-attachment' with value 'fixed' @@ -827,9 +816,9 @@ | |
| - background-attachment-local | +|||
| + background-attachment-local | Interact | 'Background-attachment' with value 'local' @@ -838,9 +827,9 @@ | |
| - background-attachment-local-scrolling | +|||
| + background-attachment-local-scrolling | Scrolling when 'background-attachment: local' @@ -883,7 +872,7 @@ | ||
| + - 3.6 Positioning Images: the ‘background-position’ property | |||
| @@ -943,9 +932,9 @@ | |||
| - background_position_three_four_values | +|||
| + background_position_three_four_values | 'Background-position' with three and four values @@ -979,11 +968,11 @@ | ||
| + - 3.7 Painting Area: the ‘background-clip’ property | |||
| - background-clip-001 | +|||
| + background-clip-001 | DOM/JSScript | background-clip - initial and supported values @@ -992,9 +981,9 @@ | |
| - background-clip-002 | +|||
| + background-clip-002 | = | background-clip - initial value @@ -1003,9 +992,9 @@ | |
| - background-clip-003 | +|||
| + background-clip-003 | = | background-clip - border-box keyword value @@ -1014,9 +1003,9 @@ | |
| - background-clip-004 | +|||
| + background-clip-004 | = | background-clip - padding-box keyword value @@ -1025,9 +1014,9 @@ | |
| - background-clip-005 | +|||
| + background-clip-005 | = | background-clip - content-box keyword value @@ -1036,9 +1025,9 @@ | |
| - background-clip-006 | +|||
| + background-clip-006 | = | background-clip - inherit keyword value @@ -1047,9 +1036,9 @@ | |
| - background-clip-007 | +|||
| + background-clip-007 | = | background-clip: content-box with background-color @@ -1058,9 +1047,9 @@ | |
| - background-clip-008 | +|||
| + background-clip-008 | = | background-clip: padding-box with background-color @@ -1069,9 +1058,9 @@ | |
| - background-clip-009 | +|||
| + background-clip-009 | = | background-clip: border-box with background-color @@ -1080,9 +1069,9 @@ | |
| - background-clip-010 | +|||
| + background-clip-010 | = | background-clip - content-box with background-color @@ -1091,9 +1080,9 @@ | |
| - background-clip-content-box | +|||
| + background-clip-content-box | background-clip_content-box @@ -1102,9 +1091,9 @@ | ||
| - background-clip-content-box-001 | +|||
| + background-clip-content-box-001 | = | background-clip Reference @@ -1113,9 +1102,9 @@ | |
| - background-clip-padding-box-with-border-radius | +|||
| + background-clip-padding-box-with-border-radius | background-clip: padding-box with border-radius @@ -1124,9 +1113,9 @@ | ||
| - background-clip-root | +|||
| + background-clip-root | Bitmaps | background-clip on root @@ -1135,9 +1124,9 @@ | |
| - background-clip_padding-box | +|||
| + background-clip_padding-box | = | background-clip_border-box @@ -1146,9 +1135,9 @@ | |
| - background-paint-order-001 | +|||
| + background-paint-order-001 | = | Background clip and border painting order @@ -1179,9 +1168,9 @@ | |
| - border-box | +|||
| + border-box | Bitmaps | background-clip:border-box @@ -1190,9 +1179,9 @@ | |
| - border-box_with_position | +|||
| + border-box_with_position | Bitmaps | background-clip:border-box & background-position @@ -1201,9 +1190,9 @@ | |
| - border-box_with_radius | +|||
| + border-box_with_radius | Bitmaps | background-clip:border-box & border-radius @@ -1212,9 +1201,9 @@ | |
| - border-box_with_size | +|||
| + border-box_with_size | Bitmaps | background-clip:border-box & background-size @@ -1223,9 +1212,9 @@ | |
| - content-box | +|||
| + content-box | Bitmaps | background-clip:content-box @@ -1234,9 +1223,9 @@ | |
| - content-box_with_position | +|||
| + content-box_with_position | Bitmaps | background-clip:content-box & background-position @@ -1245,9 +1234,9 @@ | |
| - content-box_with_radius | +|||
| + content-box_with_radius | Bitmaps | background-clip:content-box & border-radius @@ -1256,9 +1245,9 @@ | |
| - content-box_with_size | +|||
| + content-box_with_size | Bitmaps | background-clip:content-box & background-size @@ -1267,33 +1256,33 @@ | |
| - css3-background-clip-border-box | +|||
| + css3-background-clip-border-box | = | background clip property with value border-box | |
| - css3-background-clip-content-box | +|||
| + css3-background-clip-content-box | = | background clip property with value content-box | |
| - css3-background-clip-padding-box | +|||
| + css3-background-clip-padding-box | = | background clip property with value padding-box | |
| - padding-box | +|||
| + padding-box | Bitmaps | background-clip:padding-box @@ -1302,9 +1291,9 @@ | |
| - padding-box_with_position | +|||
| + padding-box_with_position | Bitmaps | background-clip:padding-box & background-position @@ -1313,9 +1302,9 @@ | |
| - padding-box_with_radius | +|||
| + padding-box_with_radius | Bitmaps | background-clip:padding-box & border-radius @@ -1324,9 +1313,9 @@ | |
| - padding-box_with_size | +|||
| + padding-box_with_size | Bitmaps | background-clip:padding-box & background-size @@ -1357,11 +1346,11 @@ | |
| + - 3.8 Positioning Area: the ‘background-origin’ property | |||
| - background-origin-001 | +|||
| + background-origin-001 | DOM/JSScript | background-origin - initial and supported values @@ -1370,9 +1359,9 @@ | |
| - background-origin-002 | +|||
| + background-origin-002 | = | Bitmaps | background-origin - initial value @@ -1381,9 +1370,9 @@ |
| - background-origin-003 | +|||
| + background-origin-003 | = | Bitmaps | background-origin - padding-box keyword value @@ -1392,9 +1381,9 @@ |
| - background-origin-004 | +|||
| + background-origin-004 | = | Bitmaps | background-origin - border-box keyword value @@ -1403,9 +1392,9 @@ |
| - background-origin-005 | +|||
| + background-origin-005 | = | Bitmaps | background-origin - content-box keyword value @@ -1414,9 +1403,9 @@ |
| - background-origin-006 | +|||
| + background-origin-006 | = | Bitmaps | background-origin 'content-box' with background-attachment 'fixed' @@ -1425,9 +1414,9 @@ |
| - background-origin-007 | +|||
| + background-origin-007 | = | Bitmaps | background-origin 'border-box' with background-clip 'padding-box' @@ -1436,9 +1425,9 @@ |
| - background-origin-008 | +|||
| + background-origin-008 | = | background-origin - inherit keyword value @@ -1469,25 +1458,25 @@ | |
| - css3-background-origin-border-box | +|||
| + css3-background-origin-border-box | = | background origin property with value border-box | |
| - css3-background-origin-content-box | +|||
| + css3-background-origin-content-box | = | background origin property with value content-box | |
| - css3-background-origin-padding-box | +|||
| + css3-background-origin-padding-box | = | background origin property with value content-box @@ -1512,7 +1501,7 @@ | |
| + - 3.9 Sizing Images: the ‘background-size’ property | |||
| @@ -1624,9 +1613,9 @@ | |||
| - background-size-001 | +|||
| + background-size-001 | DOM/JSScript | background-size - initial and supported values @@ -1635,9 +1624,9 @@ | |
| - background-size-002 | +|||
| + background-size-002 | = | Bitmaps | background-size - initial value @@ -1646,9 +1635,9 @@ |
| - background-size-003 | +|||
| + background-size-003 | Value of 'auto' is used for y dimension in 'background-size' @@ -1657,9 +1646,9 @@ | ||
| - background-size-005 | +|||
| + background-size-005 | = | Bitmaps | background-size - one auto keyword value @@ -1668,9 +1657,9 @@ |
| - background-size-006 | +|||
| + background-size-006 | = | Bitmaps | background-size - one <length> value @@ -1679,9 +1668,9 @@ |
| - background-size-007 | +|||
| + background-size-007 | = | Bitmaps | background-size - one <length> value at minimum @@ -1690,9 +1679,9 @@ |
| - background-size-008 | +|||
| + background-size-008 | = | Bitmaps | background-size - one <length> value at maximum @@ -1701,9 +1690,9 @@ |
| - background-size-009 | +|||
| + background-size-009 | = | Bitmaps | background-size - one <percentage> value @@ -1712,9 +1701,9 @@ |
| - background-size-010 | +|||
| + background-size-010 | = | Bitmaps | background-size - one <percentage> value at minimum @@ -1723,9 +1712,9 @@ |
| - background-size-011 | +|||
| + background-size-011 | = | Bitmaps | background-size - one <percentage> value at maximum @@ -1734,9 +1723,9 @@ |
| - background-size-012 | +|||
| + background-size-012 | = | Bitmaps | background-size - two auto keyword values @@ -1745,9 +1734,9 @@ |
| - background-size-013 | +|||
| + background-size-013 | = | Bitmaps | background-size - one auto keyword and one <length> values @@ -1756,9 +1745,9 @@ |
| - background-size-014 | +|||
| + background-size-014 | = | Bitmaps | background-size - one auto keyword and one <percentage> values @@ -1767,9 +1756,9 @@ |
| - background-size-015 | +|||
| + background-size-015 | = | Bitmaps | background-size - one <length> and one auto keyword values @@ -1778,9 +1767,9 @@ |
| - background-size-016 | +|||
| + background-size-016 | = | Bitmaps | background-size - two <length> values @@ -1789,9 +1778,9 @@ |
| - background-size-017 | +|||
| + background-size-017 | = | Bitmaps | background-size - one <length> and one <percentage> values @@ -1800,9 +1789,9 @@ |
| - background-size-018 | +|||
| + background-size-018 | = | Bitmaps | background-size - one <percentage> and one auto keyword values @@ -1811,9 +1800,9 @@ |
| - background-size-019 | +|||
| + background-size-019 | = | Bitmaps | background-size - one <percentage> and one <length> values @@ -1822,9 +1811,9 @@ |
| - background-size-020 | +|||
| + background-size-020 | = | Bitmaps | background-size - two <percentage> values @@ -1833,9 +1822,9 @@ |
| - background-size-021 | +|||
| + background-size-021 | = | Bitmaps | background-size '100% 100%' with background-origin 'content-box' @@ -1844,9 +1833,9 @@ |
| - background-size-022 | +|||
| + background-size-022 | Bitmaps | background-size '50% auto' with background-origin 'border-box' @@ -1855,9 +1844,9 @@ | |
| - background-size-023 | +|||
| + background-size-023 | Bitmaps | background-size '50% auto' with background-clip 'padding-box' @@ -1866,9 +1855,9 @@ | |
| - background-size-024 | +|||
| + background-size-024 | Bitmaps | background-size '100% 100%' with background-clip 'content-box' @@ -1877,9 +1866,9 @@ | |
| - background-size-025 | +|||
| + background-size-025 | = | Bitmaps | background-size 'auto 61px' with background-repeat 'round' @@ -1888,9 +1877,9 @@ |
| - background-size-026 | +|||
| + background-size-026 | = | Bitmaps | background-size 'auto' with background-repeat 'repeat' @@ -1899,9 +1888,9 @@ |
| - background-size-027 | +|||
| + background-size-027 | = | Bitmaps | background-size '52px auto' with background-repeat 'repeat round' @@ -1910,9 +1899,9 @@ |
| - background-size-028 | +|||
| + background-size-028 | = | Bitmaps | background-size '50px' with background-repeat 'repeat' @@ -1921,9 +1910,9 @@ |
| - background-size-029 | +|||
| + background-size-029 | = | Bitmaps | background-size '52px auto' with background-repeat 'round repeat' @@ -1932,9 +1921,9 @@ |
| - background-size-030 | +|||
| + background-size-030 | = | Bitmaps | background-size '25% 25%' with background-repeat 'repeat' @@ -1943,9 +1932,9 @@ |
| - background-size-031 | +|||
| + background-size-031 | = | Bitmaps | background-size '20% 30%' with background-repeat 'no-repeat round' @@ -1954,9 +1943,9 @@ |
| - background-size-032 | +|||
| + background-size-032 | Bitmaps | background-size - applies to ::first-letter pseudo-element @@ -1965,9 +1954,9 @@ | |
| - background-size-033 | +|||
| + background-size-033 | Bitmaps | background-size - applies to ::first-line pseudo-element @@ -1976,9 +1965,9 @@ | |
| - background-size-034 | +|||
| + background-size-034 | = | Bitmaps | background-size - inherit keyword value @@ -1987,9 +1976,9 @@ |
| - background-size-035 | +|||
| + background-size-035 | = | background-size conflicts with background-attachment @@ -1998,9 +1987,9 @@ | |
| - background-size-applies-to-block | +|||
| + background-size-applies-to-block | 'Background-size' applied to element with a display of 'block'. @@ -2009,9 +1998,9 @@ | ||
| - background-size-aspect-ratio | +|||
| + background-size-aspect-ratio | Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' @@ -2020,9 +2009,9 @@ | ||
| - background-size-contain | +|||
| + background-size-contain | = | Bitmaps | background-size:contain @@ -2031,9 +2020,9 @@ |
| - background-size-contain-001 | +|||
| + background-size-contain-001 | = | Bitmaps | background-size - contain keyword value @@ -2042,9 +2031,9 @@ |
| - background-size-contain-002 | +|||
| + background-size-contain-002 | = | Bitmaps | background-size - contain keyword value @@ -2053,9 +2042,9 @@ |
| - background-size-cover | +|||
| + background-size-cover | = | Bitmaps | background-size:cover @@ -2064,9 +2053,9 @@ |
| - background-size-cover-001 | +|||
| + background-size-cover-001 | = | Bitmaps | background-size - cover keyword value @@ -2075,9 +2064,9 @@ |
| - background-size-cover-002 | +|||
| + background-size-cover-002 | = | Bitmaps | background-size - cover keyword value @@ -2086,9 +2075,9 @@ |
| - background-size-cover-contain-001 | +|||
| + background-size-cover-contain-001 | = | Bitmaps | background-size - cover value and contain value @@ -2097,9 +2086,9 @@ |
| - background-size-cover-contain-002 | +|||
| + background-size-cover-contain-002 | = | Bitmaps | background-size - cover value and contain value @@ -2108,233 +2097,233 @@ |
| - background-size-vector-001 | +|||
| + background-size-vector-001 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-002 | +|||
| + background-size-vector-002 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-003 | +|||
| + background-size-vector-003 | = | SVG | background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-004 | +|||
| + background-size-vector-004 | = | SVG | background-size: 16px auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-005 | +|||
| + background-size-vector-005 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-006 | +|||
| + background-size-vector-006 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-007 | +|||
| + background-size-vector-007 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-008 | +|||
| + background-size-vector-008 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-009 | +|||
| + background-size-vector-009 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-010 | +|||
| + background-size-vector-010 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height.svg |
| - background-size-vector-012 | +|||
| + background-size-vector-012 | = | SVG | background-size: 16px auto; for omitted-width-percent-height.svg |
| - background-size-vector-013 | +|||
| + background-size-vector-013 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-014 | +|||
| + background-size-vector-014 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height.svg |
| - background-size-vector-015 | +|||
| + background-size-vector-015 | = | SVG | background-size: 16px auto; for percent-width-omitted-height-viewbox.svg |
| - background-size-vector-016 | +|||
| + background-size-vector-016 | = | SVG | background-size: 16px auto; for percent-width-omitted-height.svg |
| - background-size-vector-017 | +|||
| + background-size-vector-017 | = | SVG | background-size: 16px auto; for percent-width-percent-height-viewbox.svg |
| - background-size-vector-018 | +|||
| + background-size-vector-018 | = | SVG | background-size: 16px auto; for percent-width-percent-height.svg |
| - background-size-vector-019 | +|||
| + background-size-vector-019 | = | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-020 | +|||
| + background-size-vector-020 | = | SVG | tall background-size: auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-021 | +|||
| + background-size-vector-021 | = | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-022 | +|||
| + background-size-vector-022 | = | SVG | background-size: auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-023 | +|||
| + background-size-vector-023 | = | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-024 | +|||
| + background-size-vector-024 | = | SVG | background-size: auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-025 | +|||
| + background-size-vector-025 | = | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-026 | +|||
| + background-size-vector-026 | = | SVG | background-size: auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-027 | +|||
| + background-size-vector-027 | = | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-028 | +|||
| + background-size-vector-028 | = | SVG | background-size: auto; for omitted-width-omitted-height.svg |
| - background-size-vector-029 | +|||
| + background-size-vector-029 | = | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg |
| - box-shadow-003 | +|||
| + box-shadow-003 | Layering of box shadows @@ -2343,1417 +2332,1417 @@ | ||
| - css3-background-size-001 | +|||
| + css3-background-size-001 | = | background size property | |
| - css3-background-size-contain | +|||
| + css3-background-size-contain | = | CSS3 background-size:contain | |
| - diagonal-percentage-vector-background | +|||
| + diagonal-percentage-vector-background | = | SVG | scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal |
| - tall--auto--omitted-width-percent-height | +|||
| + tall--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - tall--auto--percent-width-nonpercent-height | +|||
| + tall--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - tall--auto--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto--percent-width-omitted-height | +|||
| + tall--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - tall--auto--percent-width-omitted-height-viewbox | +|||
| + tall--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto--percent-width-percent-height | +|||
| + tall--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - tall--auto--percent-width-percent-height-viewbox | +|||
| + tall--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height | +|||
| + tall--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-percent-height | +|||
| + tall--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - tall--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height | +|||
| + tall--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-omitted-height | +|||
| + tall--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - tall--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + tall--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-percent-height | +|||
| + tall--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - tall--auto-32px--omitted-width-percent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-nonpercent-height | +|||
| + tall--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - tall--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-omitted-height | +|||
| + tall--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - tall--auto-32px--percent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--percent-width-percent-height | +|||
| + tall--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - tall--auto-32px--percent-width-percent-height-viewbox | +|||
| + tall--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--height | +|||
| + tall--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--contain--nonpercent-width-nonpercent-height | +|||
| + tall--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - tall--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--nonpercent-width-omitted-height | +|||
| + tall--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - tall--contain--nonpercent-width-omitted-height-viewbox | +|||
| + tall--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--contain--nonpercent-width-percent-height | +|||
| + tall--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - tall--contain--nonpercent-width-percent-height-viewbox | +|||
| + tall--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--contain--omitted-width-nonpercent-height | +|||
| + tall--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - tall--contain--omitted-width-nonpercent-height-viewbox | +|||
| + tall--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--contain--omitted-width-omitted-height | +|||
| + tall--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - tall--contain--omitted-width-omitted-height-viewbox | +|||
| + tall--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - tall--contain--omitted-width-percent-height | +|||
| + tall--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - tall--contain--omitted-width-percent-height-viewbox | +|||
| + tall--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - tall--contain--percent-width-nonpercent-height | +|||
| + tall--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - tall--contain--percent-width-nonpercent-height-viewbox | +|||
| + tall--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--percent-width-omitted-height | +|||
| + tall--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - tall--contain--percent-width-omitted-height-viewbox | +|||
| + tall--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - tall--contain--percent-width-percent-height | +|||
| + tall--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - tall--contain--percent-width-percent-height-viewbox | +|||
| + tall--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--width | +|||
| + tall--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - tall--cover--height | +|||
| + tall--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--cover--nonpercent-width-nonpercent-height | +|||
| + tall--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - tall--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--nonpercent-width-omitted-height | +|||
| + tall--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - tall--cover--nonpercent-width-omitted-height-viewbox | +|||
| + tall--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--cover--nonpercent-width-percent-height | +|||
| + tall--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - tall--cover--nonpercent-width-percent-height-viewbox | +|||
| + tall--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--cover--omitted-width-nonpercent-height | +|||
| + tall--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - tall--cover--omitted-width-nonpercent-height-viewbox | +|||
| + tall--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--cover--omitted-width-omitted-height | +|||
| + tall--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - tall--cover--omitted-width-omitted-height-viewbox | +|||
| + tall--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - tall--cover--omitted-width-percent-height | +|||
| + tall--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - tall--cover--omitted-width-percent-height-viewbox | +|||
| + tall--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - tall--cover--percent-width-nonpercent-height | +|||
| + tall--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - tall--cover--percent-width-nonpercent-height-viewbox | +|||
| + tall--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--percent-width-omitted-height | +|||
| + tall--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - tall--cover--percent-width-omitted-height-viewbox | +|||
| + tall--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - tall--cover--percent-width-percent-height | +|||
| + tall--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - tall--cover--percent-width-percent-height-viewbox | +|||
| + tall--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - tall--cover--width | +|||
| + tall--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height | +|||
| + wide--12px-auto--nonpercent-width-omitted-height | SVG | background-size: 12px auto; for nonpercent-width-omitted-height.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-percent-height | +|||
| + wide--12px-auto--nonpercent-width-percent-height | SVG | background-size: 12px auto; for nonpercent-width-percent-height.svg | |
| - wide--12px-auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-percent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height | +|||
| + wide--12px-auto--omitted-width-nonpercent-height | SVG | background-size: 12px auto; for omitted-width-nonpercent-height.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-omitted-height | +|||
| + wide--12px-auto--omitted-width-omitted-height | SVG | background-size: 12px auto; for omitted-width-omitted-height.svg | |
| - wide--12px-auto--omitted-width-omitted-height-viewbox | +|||
| + wide--12px-auto--omitted-width-omitted-height-viewbox | SVG | background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-percent-height | +|||
| + wide--12px-auto--omitted-width-percent-height | SVG | background-size: 12px auto; for omitted-width-percent-height.svg | |
| - wide--12px-auto--omitted-width-percent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-percent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-nonpercent-height | +|||
| + wide--12px-auto--percent-width-nonpercent-height | SVG | background-size: 12px auto; for percent-width-nonpercent-height.svg | |
| - wide--12px-auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--percent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-omitted-height | +|||
| + wide--12px-auto--percent-width-omitted-height | SVG | background-size: 12px auto; for percent-width-omitted-height.svg | |
| - wide--12px-auto--percent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--percent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--percent-width-percent-height | +|||
| + wide--12px-auto--percent-width-percent-height | SVG | background-size: 12px auto; for percent-width-percent-height.svg | |
| - wide--12px-auto--percent-width-percent-height-viewbox | +|||
| + wide--12px-auto--percent-width-percent-height-viewbox | SVG | background-size: 12px auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-nonpercent-height | +|||
| + wide--auto--nonpercent-width-nonpercent-height | SVG | background-size: auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-omitted-height | +|||
| + wide--auto--nonpercent-width-omitted-height | SVG | background-size: auto; for nonpercent-width-omitted-height.svg | |
| - wide--auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto--nonpercent-width-percent-height | +|||
| + wide--auto--nonpercent-width-percent-height | SVG | background-size: auto; for nonpercent-width-percent-height.svg | |
| - wide--auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto--nonpercent-width-percent-height-viewbox | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto--omitted-width-nonpercent-height | +|||
| + wide--auto--omitted-width-nonpercent-height | SVG | background-size: auto; for omitted-width-nonpercent-height.svg | |
| - wide--auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto--omitted-width-omitted-height | +|||
| + wide--auto--omitted-width-omitted-height | SVG | background-size: auto; for omitted-width-omitted-height.svg | |
| - wide--auto--omitted-width-omitted-height-viewbox | +|||
| + wide--auto--omitted-width-omitted-height-viewbox | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto--omitted-width-percent-height | +|||
| + wide--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - wide--auto--omitted-width-percent-height-viewbox | +|||
| + wide--auto--omitted-width-percent-height-viewbox | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto--percent-width-nonpercent-height | +|||
| + wide--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - wide--auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--percent-width-omitted-height | +|||
| + wide--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - wide--auto--percent-width-omitted-height-viewbox | +|||
| + wide--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto--percent-width-percent-height | +|||
| + wide--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - wide--auto--percent-width-percent-height-viewbox | +|||
| + wide--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height | +|||
| + wide--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-percent-height | +|||
| + wide--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - wide--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height | +|||
| + wide--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-omitted-height | +|||
| + wide--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - wide--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + wide--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-percent-height | +|||
| + wide--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - wide--auto-32px--omitted-width-percent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-nonpercent-height | +|||
| + wide--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - wide--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-omitted-height | +|||
| + wide--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - wide--auto-32px--percent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--percent-width-percent-height | +|||
| + wide--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - wide--auto-32px--percent-width-percent-height-viewbox | +|||
| + wide--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--height | +|||
| + wide--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--contain--nonpercent-width-nonpercent-height | +|||
| + wide--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - wide--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--nonpercent-width-omitted-height | +|||
| + wide--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - wide--contain--nonpercent-width-omitted-height-viewbox | +|||
| + wide--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--contain--nonpercent-width-percent-height | +|||
| + wide--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - wide--contain--nonpercent-width-percent-height-viewbox | +|||
| + wide--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--contain--omitted-width-nonpercent-height | +|||
| + wide--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - wide--contain--omitted-width-nonpercent-height-viewbox | +|||
| + wide--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--contain--omitted-width-omitted-height | +|||
| + wide--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - wide--contain--omitted-width-omitted-height-viewbox | +|||
| + wide--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - wide--contain--omitted-width-percent-height | +|||
| + wide--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - wide--contain--omitted-width-percent-height-viewbox | +|||
| + wide--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - wide--contain--percent-width-nonpercent-height | +|||
| + wide--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - wide--contain--percent-width-nonpercent-height-viewbox | +|||
| + wide--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--percent-width-omitted-height | +|||
| + wide--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - wide--contain--percent-width-omitted-height-viewbox | +|||
| + wide--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - wide--contain--percent-width-percent-height | +|||
| + wide--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - wide--contain--percent-width-percent-height-viewbox | +|||
| + wide--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--width | +|||
| + wide--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--cover--height | +|||
| + wide--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--cover--nonpercent-width-nonpercent-height | +|||
| + wide--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - wide--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--nonpercent-width-omitted-height | +|||
| + wide--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - wide--cover--nonpercent-width-omitted-height-viewbox | +|||
| + wide--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--cover--nonpercent-width-percent-height | +|||
| + wide--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - wide--cover--nonpercent-width-percent-height-viewbox | +|||
| + wide--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--cover--omitted-width-nonpercent-height | +|||
| + wide--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - wide--cover--omitted-width-nonpercent-height-viewbox | +|||
| + wide--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--cover--omitted-width-omitted-height | +|||
| + wide--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - wide--cover--omitted-width-omitted-height-viewbox | +|||
| + wide--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - wide--cover--omitted-width-percent-height | +|||
| + wide--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - wide--cover--omitted-width-percent-height-viewbox | +|||
| + wide--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - wide--cover--percent-width-nonpercent-height | +|||
| + wide--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - wide--cover--percent-width-nonpercent-height-viewbox | +|||
| + wide--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--percent-width-omitted-height | +|||
| + wide--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - wide--cover--percent-width-omitted-height-viewbox | +|||
| + wide--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - wide--cover--percent-width-percent-height | +|||
| + wide--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - wide--cover--percent-width-percent-height-viewbox | +|||
| + wide--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - wide--cover--width | +|||
| + wide--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - zero-height-ratio-5px-auto | +|||
| + zero-height-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-height-ratio-auto-5px | +|||
| + zero-height-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-height-ratio-auto-auto | +|||
| + zero-height-ratio-auto-auto | SVG | zero height ratio, auto auto | |
| - zero-height-ratio-contain | +|||
| + zero-height-ratio-contain | SVG | zero height ratio, contain | |
| - zero-height-ratio-cover | +|||
| + zero-height-ratio-cover | SVG | zero height ratio, cover | |
| - zero-ratio-no-dimensions-5px-auto | +|||
| + zero-ratio-no-dimensions-5px-auto | SVG | zero ratio, no dimensions, 5px auto | |
| - zero-ratio-no-dimensions-auto-5px | +|||
| + zero-ratio-no-dimensions-auto-5px | SVG | zero ratio, no dimensions, auto 5px | |
| - zero-ratio-no-dimensions-auto-auto | +|||
| + zero-ratio-no-dimensions-auto-auto | SVG | zero ratio, no dimensions, auto auto | |
| - zero-ratio-no-dimensions-contain | +|||
| + zero-ratio-no-dimensions-contain | SVG | zero ratio, no dimensions, contain | |
| - zero-ratio-no-dimensions-cover | +|||
| + zero-ratio-no-dimensions-cover | SVG | zero ratio, no dimensions, cover | |
| - zero-width-ratio-5px-auto | +|||
| + zero-width-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-width-ratio-auto-5px | +|||
| + zero-width-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-width-ratio-auto-auto | +|||
| + zero-width-ratio-auto-auto | SVG | zero width ratio, auto auto | |
| - zero-width-ratio-contain | +|||
| + zero-width-ratio-contain | SVG | zero width ratio, contain | |
| - zero-width-ratio-cover | +|||
| + zero-width-ratio-cover | SVG | zero width ratio, cover @@ -3781,7 +3770,7 @@ | |
| + - 3.10 Backgrounds Shorthand: the ‘background’ property | |||
| @@ -3805,9 +3794,9 @@ | |||
| - background-331 | +|||
| + background-331 | DOM/JSScript | background shorthand - initial values @@ -3816,9 +3805,9 @@ | |
| - background-332 | +|||
| + background-332 | DOM/JSBitmapsScript | background shorthand - all values specified @@ -3827,9 +3816,9 @@ | |
| - background-333 | +|||
| + background-333 | DOM/JSScript | background shorthand - background-color 'red' @@ -3838,9 +3827,9 @@ | |
| - background-334 | +|||
| + background-334 | = | Bitmaps | background shorthand - background-size '100% auto' @@ -3849,9 +3838,9 @@ |
| - background-335 | +|||
| + background-335 | DOM/JSScript | background shorthand - only one <box> value @@ -3860,9 +3849,9 @@ | |
| - background-336 | +|||
| + background-336 | DOM/JSScript | background shorthand - two <box> values @@ -3884,13 +3873,13 @@ | |
| + - 3.11 Backgrounds of Special Elements | |||
| + - 3.11.1 The Canvas Background and the Root Element | |||
| + - 3.11.2 The Canvas Background and the HTML Element | |||
| + - 3.11.3 The ‘::first-line’ Pseudo-element‘s Background | |||
Test passes if there is a filled green square and no red.
- - \ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/README b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/README index 69d1737bead..2e5f2ad0738 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/README +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/README @@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders. The pattern-* images use cells of various sizes: - pattern-gg-gr.png 20x20 pattern-grg-rgr-grg.png 20x20 pattern-rgr-grg-rgr.png 20x20 pattern-tr.png 15x15 diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/pattern-gg-gr.png b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/pattern-gg-gr.png deleted file mode 100644 index 091de70bb72..00000000000 Binary files a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/pattern-gg-gr.png and /dev/null differ diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-background-repeat-x-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-background-repeat-x-ref.xht deleted file mode 100644 index e19fca92c42..00000000000 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-background-repeat-x-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ - - -The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
The test passes if you see the img repeat on the X direction (not repeat on the Y direction)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
| + - 3 Backgrounds | |||
|---|---|---|---|
| + - 3.1 Layering Multiple Background Images | |||
| @@ -49,9 +49,9 @@ | |||
| - background_properties_greater_than_images | +|||
| + background_properties_greater_than_images | Number of background properties greater than number of background images @@ -60,9 +60,9 @@ | ||
| - scroll-positioned-multiple-background-images | +|||
| + scroll-positioned-multiple-background-images | = | DOM/JSBitmapsScroll | Scroll multiple background images that are positioned @@ -78,11 +78,11 @@ |
| + - 3.2 Base Color: the ‘background-color’ property | |||
| - background-color-border-box | +|||
| + background-color-border-box | Background color clipped to 'border-box' @@ -91,9 +91,9 @@ | ||
| - background_color_padding_box | +|||
| + background_color_padding_box | Background color clipped to 'padding-box' @@ -102,9 +102,9 @@ | ||
| - color-behind-images | +|||
| + color-behind-images | Background color is drawn behind images @@ -116,9 +116,9 @@ | ||
| - background-color-applied-to-rounded-inline-element | +|||
| + background-color-applied-to-rounded-inline-element | 'Background-color' applied to a rounded inline element @@ -134,11 +134,11 @@ | ||
| + - 3.3 Image Sources: the ‘background-image’ property | |||
| - background-image-001 | +|||
| + background-image-001 | = | CSS Backgrounds: background-image div @@ -147,9 +147,9 @@ | |
| - background-image-002 | +|||
| + background-image-002 | = | CSS Backgrounds: background-image layered background on div @@ -158,9 +158,9 @@ | |
| - background-image-003 | +|||
| + background-image-003 | = | CSS Backgrounds: background-image <a> @@ -169,9 +169,9 @@ | |
| - background-image-004 | +|||
| + background-image-004 | = | CSS Backgrounds: background-image <a> layered images @@ -180,9 +180,9 @@ | |
| - background-image-005 | +|||
| + background-image-005 | = | CSS Backgrounds: background-image p tag @@ -191,9 +191,9 @@ | |
| - background-image-006 | +|||
| + background-image-006 | = | CSS Backgrounds: background-image p layered images @@ -202,9 +202,9 @@ | |
| - background-image-007 | +|||
| + background-image-007 | = | CSS Backgrounds: background-image :first-letter layered images @@ -224,9 +224,9 @@ | |
| - none-as-image-layer | +|||
| + none-as-image-layer | None counts as an image layer @@ -235,9 +235,9 @@ | ||
| - order-of-images | +|||
| + order-of-images | Order of images @@ -270,8 +270,8 @@ | ||
| + - 3.4 Tiling Images: the ‘background-repeat’ property | |||
| background-003 | @@ -382,9 +382,9 @@|||
| - background-repeat-round | +|||
| + background-repeat-round | = | Bitmaps | background-repeat:round @@ -393,9 +393,9 @@ |
| - background-repeat-round-001 | +|||
| + background-repeat-round-001 | Bitmaps | background-repeat - one round keyword value @@ -404,9 +404,9 @@ | |
| - background-repeat-round-002 | +|||
| + background-repeat-round-002 | Bitmaps | background-repeat: round basic support @@ -415,9 +415,9 @@ | |
| - background-repeat-round-roundup | +|||
| + background-repeat-round-roundup | = | Bitmaps | background-repeat:round, rounding up @@ -426,9 +426,9 @@ |
| - background-repeat-space | +|||
| + background-repeat-space | = | Bitmaps | background-repeat:space @@ -437,9 +437,9 @@ |
| - background-repeat-space-padding-box | +|||
| + background-repeat-space-padding-box | 'Background-repeat: space' when background positioning area is 'padding-box' @@ -492,9 +492,9 @@ | ||
| - background_repeat_space_border_box | +|||
| + background_repeat_space_border_box | 'Background-repeat: space' when background positioning area is 'border-box' @@ -503,9 +503,9 @@ | ||
| - background_repeat_space_content_box | +|||
| + background_repeat_space_content_box | 'Background-repeat: space' when background positioning area is 'content-box' @@ -514,17 +514,6 @@ | ||
| - ttwf-reftest-background-repeat-x | -= | -- | transform property with translate function
-
|
-
| + - 3.5 Affixing Images: the ‘background-attachment’ property | |||
| - attachment-local-clipping-color-1 | +|||
| + attachment-local-clipping-color-1 | = | DOM/JS | background-{attachment: local; clip: border-box; color} |
| - attachment-local-clipping-color-2 | +|||
| + attachment-local-clipping-color-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; color} |
| - attachment-local-clipping-color-3 | +|||
| + attachment-local-clipping-color-3 | = | DOM/JS | background-{attachment: local; clip: content-box; color} |
| - attachment-local-clipping-color-4 | +|||
| + attachment-local-clipping-color-4 | = | DOM/JS | background-{attachment: local; clip: border-box; color}; border-radius |
| - attachment-local-clipping-color-5 | +|||
| + attachment-local-clipping-color-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; color}; border-radius |
| - attachment-local-clipping-color-6 | +|||
| + attachment-local-clipping-color-6 | = | DOM/JS | background-{attachment: local; clip: content-box; color}; border-radius |
| - attachment-local-clipping-image-1 | +|||
| + attachment-local-clipping-image-1 | = | DOM/JS | background-{attachment: local; clip: border-box; image} |
| - attachment-local-clipping-image-2 | +|||
| + attachment-local-clipping-image-2 | = | DOM/JS | background-{attachment: local; clip: padding-box; image} |
| - attachment-local-clipping-image-3 | +|||
| + attachment-local-clipping-image-3 | = | DOM/JS | background-{attachment: local; clip: content-box; image} |
| - attachment-local-clipping-image-4 | +|||
| + attachment-local-clipping-image-4 | = | DOM/JS | background-{attachment: local; clip: border-box; image}; border-radius |
| - attachment-local-clipping-image-5 | +|||
| + attachment-local-clipping-image-5 | = | DOM/JS | background-{attachment: local; clip: padding-box; image}; border-radius |
| - attachment-local-clipping-image-6 | +|||
| + attachment-local-clipping-image-6 | = | DOM/JS | background-{attachment: local; clip: content-box; image}; border-radius |
| - attachment-local-positioning-2 | +|||
| + attachment-local-positioning-2 | = | DOM/JS | background-attachment: local; positioning area |
| - attachment-local-positioning-3 | +|||
| + attachment-local-positioning-3 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl |
| - attachment-local-positioning-4 | +|||
| + attachment-local-positioning-4 | = | DOM/JS | background-attachment: local; positioning area with dir=rtl, top left |
| - attachment-local-positioning-5 | +|||
| + attachment-local-positioning-5 | = | DOM/JS | background-{attachment: local; origin: content-box}; positioning area |
| - attachment-scroll-positioning-1 | +|||
| + attachment-scroll-positioning-1 | = | DOM/JS | background-attachment: scroll; positioning area @@ -816,9 +805,9 @@ |
| - background-attachment-fixed | +|||
| + background-attachment-fixed | Interact | 'Background-attachment' with value 'fixed' @@ -827,9 +816,9 @@ | |
| - background-attachment-local | +|||
| + background-attachment-local | Interact | 'Background-attachment' with value 'local' @@ -838,9 +827,9 @@ | |
| - background-attachment-local-scrolling | +|||
| + background-attachment-local-scrolling | Scrolling when 'background-attachment: local' @@ -883,7 +872,7 @@ | ||
| + - 3.6 Positioning Images: the ‘background-position’ property | |||
| @@ -943,9 +932,9 @@ | |||
| - background_position_three_four_values | +|||
| + background_position_three_four_values | 'Background-position' with three and four values @@ -979,11 +968,11 @@ | ||
| + - 3.7 Painting Area: the ‘background-clip’ property | |||
| - background-clip-001 | +|||
| + background-clip-001 | DOM/JSScript | background-clip - initial and supported values @@ -992,9 +981,9 @@ | |
| - background-clip-002 | +|||
| + background-clip-002 | = | background-clip - initial value @@ -1003,9 +992,9 @@ | |
| - background-clip-003 | +|||
| + background-clip-003 | = | background-clip - border-box keyword value @@ -1014,9 +1003,9 @@ | |
| - background-clip-004 | +|||
| + background-clip-004 | = | background-clip - padding-box keyword value @@ -1025,9 +1014,9 @@ | |
| - background-clip-005 | +|||
| + background-clip-005 | = | background-clip - content-box keyword value @@ -1036,9 +1025,9 @@ | |
| - background-clip-006 | +|||
| + background-clip-006 | = | background-clip - inherit keyword value @@ -1047,9 +1036,9 @@ | |
| - background-clip-007 | +|||
| + background-clip-007 | = | background-clip: content-box with background-color @@ -1058,9 +1047,9 @@ | |
| - background-clip-008 | +|||
| + background-clip-008 | = | background-clip: padding-box with background-color @@ -1069,9 +1058,9 @@ | |
| - background-clip-009 | +|||
| + background-clip-009 | = | background-clip: border-box with background-color @@ -1080,9 +1069,9 @@ | |
| - background-clip-010 | +|||
| + background-clip-010 | = | background-clip - content-box with background-color @@ -1091,9 +1080,9 @@ | |
| - background-clip-content-box | +|||
| + background-clip-content-box | background-clip_content-box @@ -1102,9 +1091,9 @@ | ||
| - background-clip-content-box-001 | +|||
| + background-clip-content-box-001 | = | background-clip Reference @@ -1113,9 +1102,9 @@ | |
| - background-clip-padding-box-with-border-radius | +|||
| + background-clip-padding-box-with-border-radius | background-clip: padding-box with border-radius @@ -1124,9 +1113,9 @@ | ||
| - background-clip-root | +|||
| + background-clip-root | Bitmaps | background-clip on root @@ -1135,9 +1124,9 @@ | |
| - background-clip_padding-box | +|||
| + background-clip_padding-box | = | background-clip_border-box @@ -1146,9 +1135,9 @@ | |
| - background-paint-order-001 | +|||
| + background-paint-order-001 | = | Background clip and border painting order @@ -1179,9 +1168,9 @@ | |
| - border-box | +|||
| + border-box | Bitmaps | background-clip:border-box @@ -1190,9 +1179,9 @@ | |
| - border-box_with_position | +|||
| + border-box_with_position | Bitmaps | background-clip:border-box & background-position @@ -1201,9 +1190,9 @@ | |
| - border-box_with_radius | +|||
| + border-box_with_radius | Bitmaps | background-clip:border-box & border-radius @@ -1212,9 +1201,9 @@ | |
| - border-box_with_size | +|||
| + border-box_with_size | Bitmaps | background-clip:border-box & background-size @@ -1223,9 +1212,9 @@ | |
| - content-box | +|||
| + content-box | Bitmaps | background-clip:content-box @@ -1234,9 +1223,9 @@ | |
| - content-box_with_position | +|||
| + content-box_with_position | Bitmaps | background-clip:content-box & background-position @@ -1245,9 +1234,9 @@ | |
| - content-box_with_radius | +|||
| + content-box_with_radius | Bitmaps | background-clip:content-box & border-radius @@ -1256,9 +1245,9 @@ | |
| - content-box_with_size | +|||
| + content-box_with_size | Bitmaps | background-clip:content-box & background-size @@ -1267,33 +1256,33 @@ | |
| - css3-background-clip-border-box | +|||
| + css3-background-clip-border-box | = | background clip property with value border-box | |
| - css3-background-clip-content-box | +|||
| + css3-background-clip-content-box | = | background clip property with value content-box | |
| - css3-background-clip-padding-box | +|||
| + css3-background-clip-padding-box | = | background clip property with value padding-box | |
| - padding-box | +|||
| + padding-box | Bitmaps | background-clip:padding-box @@ -1302,9 +1291,9 @@ | |
| - padding-box_with_position | +|||
| + padding-box_with_position | Bitmaps | background-clip:padding-box & background-position @@ -1313,9 +1302,9 @@ | |
| - padding-box_with_radius | +|||
| + padding-box_with_radius | Bitmaps | background-clip:padding-box & border-radius @@ -1324,9 +1313,9 @@ | |
| - padding-box_with_size | +|||
| + padding-box_with_size | Bitmaps | background-clip:padding-box & background-size @@ -1357,11 +1346,11 @@ | |
| + - 3.8 Positioning Area: the ‘background-origin’ property | |||
| - background-origin-001 | +|||
| + background-origin-001 | DOM/JSScript | background-origin - initial and supported values @@ -1370,9 +1359,9 @@ | |
| - background-origin-002 | +|||
| + background-origin-002 | = | Bitmaps | background-origin - initial value @@ -1381,9 +1370,9 @@ |
| - background-origin-003 | +|||
| + background-origin-003 | = | Bitmaps | background-origin - padding-box keyword value @@ -1392,9 +1381,9 @@ |
| - background-origin-004 | +|||
| + background-origin-004 | = | Bitmaps | background-origin - border-box keyword value @@ -1403,9 +1392,9 @@ |
| - background-origin-005 | +|||
| + background-origin-005 | = | Bitmaps | background-origin - content-box keyword value @@ -1414,9 +1403,9 @@ |
| - background-origin-006 | +|||
| + background-origin-006 | = | Bitmaps | background-origin 'content-box' with background-attachment 'fixed' @@ -1425,9 +1414,9 @@ |
| - background-origin-007 | +|||
| + background-origin-007 | = | Bitmaps | background-origin 'border-box' with background-clip 'padding-box' @@ -1436,9 +1425,9 @@ |
| - background-origin-008 | +|||
| + background-origin-008 | = | background-origin - inherit keyword value @@ -1469,25 +1458,25 @@ | |
| - css3-background-origin-border-box | +|||
| + css3-background-origin-border-box | = | background origin property with value border-box | |
| - css3-background-origin-content-box | +|||
| + css3-background-origin-content-box | = | background origin property with value content-box | |
| - css3-background-origin-padding-box | +|||
| + css3-background-origin-padding-box | = | background origin property with value content-box @@ -1512,7 +1501,7 @@ | |
| + - 3.9 Sizing Images: the ‘background-size’ property | |||
| @@ -1624,9 +1613,9 @@ | |||
| - background-size-001 | +|||
| + background-size-001 | DOM/JSScript | background-size - initial and supported values @@ -1635,9 +1624,9 @@ | |
| - background-size-002 | +|||
| + background-size-002 | = | Bitmaps | background-size - initial value @@ -1646,9 +1635,9 @@ |
| - background-size-003 | +|||
| + background-size-003 | Value of 'auto' is used for y dimension in 'background-size' @@ -1657,9 +1646,9 @@ | ||
| - background-size-005 | +|||
| + background-size-005 | = | Bitmaps | background-size - one auto keyword value @@ -1668,9 +1657,9 @@ |
| - background-size-006 | +|||
| + background-size-006 | = | Bitmaps | background-size - one <length> value @@ -1679,9 +1668,9 @@ |
| - background-size-007 | +|||
| + background-size-007 | = | Bitmaps | background-size - one <length> value at minimum @@ -1690,9 +1679,9 @@ |
| - background-size-008 | +|||
| + background-size-008 | = | Bitmaps | background-size - one <length> value at maximum @@ -1701,9 +1690,9 @@ |
| - background-size-009 | +|||
| + background-size-009 | = | Bitmaps | background-size - one <percentage> value @@ -1712,9 +1701,9 @@ |
| - background-size-010 | +|||
| + background-size-010 | = | Bitmaps | background-size - one <percentage> value at minimum @@ -1723,9 +1712,9 @@ |
| - background-size-011 | +|||
| + background-size-011 | = | Bitmaps | background-size - one <percentage> value at maximum @@ -1734,9 +1723,9 @@ |
| - background-size-012 | +|||
| + background-size-012 | = | Bitmaps | background-size - two auto keyword values @@ -1745,9 +1734,9 @@ |
| - background-size-013 | +|||
| + background-size-013 | = | Bitmaps | background-size - one auto keyword and one <length> values @@ -1756,9 +1745,9 @@ |
| - background-size-014 | +|||
| + background-size-014 | = | Bitmaps | background-size - one auto keyword and one <percentage> values @@ -1767,9 +1756,9 @@ |
| - background-size-015 | +|||
| + background-size-015 | = | Bitmaps | background-size - one <length> and one auto keyword values @@ -1778,9 +1767,9 @@ |
| - background-size-016 | +|||
| + background-size-016 | = | Bitmaps | background-size - two <length> values @@ -1789,9 +1778,9 @@ |
| - background-size-017 | +|||
| + background-size-017 | = | Bitmaps | background-size - one <length> and one <percentage> values @@ -1800,9 +1789,9 @@ |
| - background-size-018 | +|||
| + background-size-018 | = | Bitmaps | background-size - one <percentage> and one auto keyword values @@ -1811,9 +1800,9 @@ |
| - background-size-019 | +|||
| + background-size-019 | = | Bitmaps | background-size - one <percentage> and one <length> values @@ -1822,9 +1811,9 @@ |
| - background-size-020 | +|||
| + background-size-020 | = | Bitmaps | background-size - two <percentage> values @@ -1833,9 +1822,9 @@ |
| - background-size-021 | +|||
| + background-size-021 | = | Bitmaps | background-size '100% 100%' with background-origin 'content-box' @@ -1844,9 +1833,9 @@ |
| - background-size-022 | +|||
| + background-size-022 | Bitmaps | background-size '50% auto' with background-origin 'border-box' @@ -1855,9 +1844,9 @@ | |
| - background-size-023 | +|||
| + background-size-023 | Bitmaps | background-size '50% auto' with background-clip 'padding-box' @@ -1866,9 +1855,9 @@ | |
| - background-size-024 | +|||
| + background-size-024 | Bitmaps | background-size '100% 100%' with background-clip 'content-box' @@ -1877,9 +1866,9 @@ | |
| - background-size-025 | +|||
| + background-size-025 | = | Bitmaps | background-size 'auto 61px' with background-repeat 'round' @@ -1888,9 +1877,9 @@ |
| - background-size-026 | +|||
| + background-size-026 | = | Bitmaps | background-size 'auto' with background-repeat 'repeat' @@ -1899,9 +1888,9 @@ |
| - background-size-027 | +|||
| + background-size-027 | = | Bitmaps | background-size '52px auto' with background-repeat 'repeat round' @@ -1910,9 +1899,9 @@ |
| - background-size-028 | +|||
| + background-size-028 | = | Bitmaps | background-size '50px' with background-repeat 'repeat' @@ -1921,9 +1910,9 @@ |
| - background-size-029 | +|||
| + background-size-029 | = | Bitmaps | background-size '52px auto' with background-repeat 'round repeat' @@ -1932,9 +1921,9 @@ |
| - background-size-030 | +|||
| + background-size-030 | = | Bitmaps | background-size '25% 25%' with background-repeat 'repeat' @@ -1943,9 +1932,9 @@ |
| - background-size-031 | +|||
| + background-size-031 | = | Bitmaps | background-size '20% 30%' with background-repeat 'no-repeat round' @@ -1954,9 +1943,9 @@ |
| - background-size-032 | +|||
| + background-size-032 | Bitmaps | background-size - applies to ::first-letter pseudo-element @@ -1965,9 +1954,9 @@ | |
| - background-size-033 | +|||
| + background-size-033 | Bitmaps | background-size - applies to ::first-line pseudo-element @@ -1976,9 +1965,9 @@ | |
| - background-size-034 | +|||
| + background-size-034 | = | Bitmaps | background-size - inherit keyword value @@ -1987,9 +1976,9 @@ |
| - background-size-035 | +|||
| + background-size-035 | = | background-size conflicts with background-attachment @@ -1998,9 +1987,9 @@ | |
| - background-size-applies-to-block | +|||
| + background-size-applies-to-block | 'Background-size' applied to element with a display of 'block'. @@ -2009,9 +1998,9 @@ | ||
| - background-size-aspect-ratio | +|||
| + background-size-aspect-ratio | Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' @@ -2020,9 +2009,9 @@ | ||
| - background-size-contain | +|||
| + background-size-contain | = | Bitmaps | background-size:contain @@ -2031,9 +2020,9 @@ |
| - background-size-contain-001 | +|||
| + background-size-contain-001 | = | Bitmaps | background-size - contain keyword value @@ -2042,9 +2031,9 @@ |
| - background-size-contain-002 | +|||
| + background-size-contain-002 | = | Bitmaps | background-size - contain keyword value @@ -2053,9 +2042,9 @@ |
| - background-size-cover | +|||
| + background-size-cover | = | Bitmaps | background-size:cover @@ -2064,9 +2053,9 @@ |
| - background-size-cover-001 | +|||
| + background-size-cover-001 | = | Bitmaps | background-size - cover keyword value @@ -2075,9 +2064,9 @@ |
| - background-size-cover-002 | +|||
| + background-size-cover-002 | = | Bitmaps | background-size - cover keyword value @@ -2086,9 +2075,9 @@ |
| - background-size-cover-contain-001 | +|||
| + background-size-cover-contain-001 | = | Bitmaps | background-size - cover value and contain value @@ -2097,9 +2086,9 @@ |
| - background-size-cover-contain-002 | +|||
| + background-size-cover-contain-002 | = | Bitmaps | background-size - cover value and contain value @@ -2108,233 +2097,233 @@ |
| - background-size-vector-001 | +|||
| + background-size-vector-001 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-002 | +|||
| + background-size-vector-002 | = | SVG | background-size: 16px auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-003 | +|||
| + background-size-vector-003 | = | SVG | background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-004 | +|||
| + background-size-vector-004 | = | SVG | background-size: 16px auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-005 | +|||
| + background-size-vector-005 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-006 | +|||
| + background-size-vector-006 | = | SVG | background-size: 16px auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-007 | +|||
| + background-size-vector-007 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-008 | +|||
| + background-size-vector-008 | = | SVG | background-size: 16px auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-009 | +|||
| + background-size-vector-009 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-010 | +|||
| + background-size-vector-010 | = | SVG | background-size: 16px auto; for omitted-width-omitted-height.svg |
| - background-size-vector-012 | +|||
| + background-size-vector-012 | = | SVG | background-size: 16px auto; for omitted-width-percent-height.svg |
| - background-size-vector-013 | +|||
| + background-size-vector-013 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-014 | +|||
| + background-size-vector-014 | = | SVG | background-size: 16px auto; for percent-width-nonpercent-height.svg |
| - background-size-vector-015 | +|||
| + background-size-vector-015 | = | SVG | background-size: 16px auto; for percent-width-omitted-height-viewbox.svg |
| - background-size-vector-016 | +|||
| + background-size-vector-016 | = | SVG | background-size: 16px auto; for percent-width-omitted-height.svg |
| - background-size-vector-017 | +|||
| + background-size-vector-017 | = | SVG | background-size: 16px auto; for percent-width-percent-height-viewbox.svg |
| - background-size-vector-018 | +|||
| + background-size-vector-018 | = | SVG | background-size: 16px auto; for percent-width-percent-height.svg |
| - background-size-vector-019 | +|||
| + background-size-vector-019 | = | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg |
| - background-size-vector-020 | +|||
| + background-size-vector-020 | = | SVG | tall background-size: auto; for nonpercent-width-nonpercent-height.svg |
| - background-size-vector-021 | +|||
| + background-size-vector-021 | = | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg |
| - background-size-vector-022 | +|||
| + background-size-vector-022 | = | SVG | background-size: auto; for nonpercent-width-omitted-height.svg |
| - background-size-vector-023 | +|||
| + background-size-vector-023 | = | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg |
| - background-size-vector-024 | +|||
| + background-size-vector-024 | = | SVG | background-size: auto; for nonpercent-width-percent-height.svg |
| - background-size-vector-025 | +|||
| + background-size-vector-025 | = | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg |
| - background-size-vector-026 | +|||
| + background-size-vector-026 | = | SVG | background-size: auto; for omitted-width-nonpercent-height.svg |
| - background-size-vector-027 | +|||
| + background-size-vector-027 | = | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg |
| - background-size-vector-028 | +|||
| + background-size-vector-028 | = | SVG | background-size: auto; for omitted-width-omitted-height.svg |
| - background-size-vector-029 | +|||
| + background-size-vector-029 | = | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg |
| - box-shadow-003 | +|||
| + box-shadow-003 | Layering of box shadows @@ -2343,1417 +2332,1417 @@ | ||
| - css3-background-size-001 | +|||
| + css3-background-size-001 | = | background size property | |
| - css3-background-size-contain | +|||
| + css3-background-size-contain | = | CSS3 background-size:contain | |
| - diagonal-percentage-vector-background | +|||
| + diagonal-percentage-vector-background | = | SVG | scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal |
| - tall--auto--omitted-width-percent-height | +|||
| + tall--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - tall--auto--percent-width-nonpercent-height | +|||
| + tall--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - tall--auto--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto--percent-width-omitted-height | +|||
| + tall--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - tall--auto--percent-width-omitted-height-viewbox | +|||
| + tall--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto--percent-width-percent-height | +|||
| + tall--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - tall--auto--percent-width-percent-height-viewbox | +|||
| + tall--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height | +|||
| + tall--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - tall--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--nonpercent-width-percent-height | +|||
| + tall--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - tall--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + tall--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height | +|||
| + tall--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - tall--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-omitted-height | +|||
| + tall--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - tall--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + tall--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--omitted-width-percent-height | +|||
| + tall--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - tall--auto-32px--omitted-width-percent-height-viewbox | +|||
| + tall--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-nonpercent-height | +|||
| + tall--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - tall--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + tall--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--auto-32px--percent-width-omitted-height | +|||
| + tall--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - tall--auto-32px--percent-width-omitted-height-viewbox | +|||
| + tall--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - tall--auto-32px--percent-width-percent-height | +|||
| + tall--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - tall--auto-32px--percent-width-percent-height-viewbox | +|||
| + tall--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--height | +|||
| + tall--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--contain--nonpercent-width-nonpercent-height | +|||
| + tall--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - tall--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--nonpercent-width-omitted-height | +|||
| + tall--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - tall--contain--nonpercent-width-omitted-height-viewbox | +|||
| + tall--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--contain--nonpercent-width-percent-height | +|||
| + tall--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - tall--contain--nonpercent-width-percent-height-viewbox | +|||
| + tall--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--contain--omitted-width-nonpercent-height | +|||
| + tall--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - tall--contain--omitted-width-nonpercent-height-viewbox | +|||
| + tall--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--contain--omitted-width-omitted-height | +|||
| + tall--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - tall--contain--omitted-width-omitted-height-viewbox | +|||
| + tall--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - tall--contain--omitted-width-percent-height | +|||
| + tall--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - tall--contain--omitted-width-percent-height-viewbox | +|||
| + tall--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - tall--contain--percent-width-nonpercent-height | +|||
| + tall--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - tall--contain--percent-width-nonpercent-height-viewbox | +|||
| + tall--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--contain--percent-width-omitted-height | +|||
| + tall--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - tall--contain--percent-width-omitted-height-viewbox | +|||
| + tall--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - tall--contain--percent-width-percent-height | +|||
| + tall--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - tall--contain--percent-width-percent-height-viewbox | +|||
| + tall--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - tall--contain--width | +|||
| + tall--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - tall--cover--height | +|||
| + tall--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - tall--cover--nonpercent-width-nonpercent-height | +|||
| + tall--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - tall--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + tall--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--nonpercent-width-omitted-height | +|||
| + tall--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - tall--cover--nonpercent-width-omitted-height-viewbox | +|||
| + tall--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - tall--cover--nonpercent-width-percent-height | +|||
| + tall--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - tall--cover--nonpercent-width-percent-height-viewbox | +|||
| + tall--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - tall--cover--omitted-width-nonpercent-height | +|||
| + tall--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - tall--cover--omitted-width-nonpercent-height-viewbox | +|||
| + tall--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - tall--cover--omitted-width-omitted-height | +|||
| + tall--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - tall--cover--omitted-width-omitted-height-viewbox | +|||
| + tall--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - tall--cover--omitted-width-percent-height | +|||
| + tall--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - tall--cover--omitted-width-percent-height-viewbox | +|||
| + tall--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - tall--cover--percent-width-nonpercent-height | +|||
| + tall--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - tall--cover--percent-width-nonpercent-height-viewbox | +|||
| + tall--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - tall--cover--percent-width-omitted-height | +|||
| + tall--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - tall--cover--percent-width-omitted-height-viewbox | +|||
| + tall--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - tall--cover--percent-width-percent-height | +|||
| + tall--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - tall--cover--percent-width-percent-height-viewbox | +|||
| + tall--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - tall--cover--width | +|||
| + tall--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height | +|||
| + wide--12px-auto--nonpercent-width-omitted-height | SVG | background-size: 12px auto; for nonpercent-width-omitted-height.svg | |
| - wide--12px-auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--nonpercent-width-percent-height | +|||
| + wide--12px-auto--nonpercent-width-percent-height | SVG | background-size: 12px auto; for nonpercent-width-percent-height.svg | |
| - wide--12px-auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--12px-auto--nonpercent-width-percent-height-viewbox | SVG | background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height | +|||
| + wide--12px-auto--omitted-width-nonpercent-height | SVG | background-size: 12px auto; for omitted-width-nonpercent-height.svg | |
| - wide--12px-auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-omitted-height | +|||
| + wide--12px-auto--omitted-width-omitted-height | SVG | background-size: 12px auto; for omitted-width-omitted-height.svg | |
| - wide--12px-auto--omitted-width-omitted-height-viewbox | +|||
| + wide--12px-auto--omitted-width-omitted-height-viewbox | SVG | background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--omitted-width-percent-height | +|||
| + wide--12px-auto--omitted-width-percent-height | SVG | background-size: 12px auto; for omitted-width-percent-height.svg | |
| - wide--12px-auto--omitted-width-percent-height-viewbox | +|||
| + wide--12px-auto--omitted-width-percent-height-viewbox | SVG | background-size: 12px auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-nonpercent-height | +|||
| + wide--12px-auto--percent-width-nonpercent-height | SVG | background-size: 12px auto; for percent-width-nonpercent-height.svg | |
| - wide--12px-auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--12px-auto--percent-width-nonpercent-height-viewbox | SVG | background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--12px-auto--percent-width-omitted-height | +|||
| + wide--12px-auto--percent-width-omitted-height | SVG | background-size: 12px auto; for percent-width-omitted-height.svg | |
| - wide--12px-auto--percent-width-omitted-height-viewbox | +|||
| + wide--12px-auto--percent-width-omitted-height-viewbox | SVG | background-size: 12px auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--12px-auto--percent-width-percent-height | +|||
| + wide--12px-auto--percent-width-percent-height | SVG | background-size: 12px auto; for percent-width-percent-height.svg | |
| - wide--12px-auto--percent-width-percent-height-viewbox | +|||
| + wide--12px-auto--percent-width-percent-height-viewbox | SVG | background-size: 12px auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-nonpercent-height | +|||
| + wide--auto--nonpercent-width-nonpercent-height | SVG | background-size: auto; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--nonpercent-width-omitted-height | +|||
| + wide--auto--nonpercent-width-omitted-height | SVG | background-size: auto; for nonpercent-width-omitted-height.svg | |
| - wide--auto--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto--nonpercent-width-percent-height | +|||
| + wide--auto--nonpercent-width-percent-height | SVG | background-size: auto; for nonpercent-width-percent-height.svg | |
| - wide--auto--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto--nonpercent-width-percent-height-viewbox | SVG | background-size: auto; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto--omitted-width-nonpercent-height | +|||
| + wide--auto--omitted-width-nonpercent-height | SVG | background-size: auto; for omitted-width-nonpercent-height.svg | |
| - wide--auto--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto--omitted-width-omitted-height | +|||
| + wide--auto--omitted-width-omitted-height | SVG | background-size: auto; for omitted-width-omitted-height.svg | |
| - wide--auto--omitted-width-omitted-height-viewbox | +|||
| + wide--auto--omitted-width-omitted-height-viewbox | SVG | background-size: auto; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto--omitted-width-percent-height | +|||
| + wide--auto--omitted-width-percent-height | SVG | background-size: auto; for omitted-width-percent-height.svg | |
| - wide--auto--omitted-width-percent-height-viewbox | +|||
| + wide--auto--omitted-width-percent-height-viewbox | SVG | background-size: auto; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto--percent-width-nonpercent-height | +|||
| + wide--auto--percent-width-nonpercent-height | SVG | background-size: auto; for percent-width-nonpercent-height.svg | |
| - wide--auto--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto--percent-width-nonpercent-height-viewbox | SVG | background-size: auto; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto--percent-width-omitted-height | +|||
| + wide--auto--percent-width-omitted-height | SVG | background-size: auto; for percent-width-omitted-height.svg | |
| - wide--auto--percent-width-omitted-height-viewbox | +|||
| + wide--auto--percent-width-omitted-height-viewbox | SVG | background-size: auto; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto--percent-width-percent-height | +|||
| + wide--auto--percent-width-percent-height | SVG | background-size: auto; for percent-width-percent-height.svg | |
| - wide--auto--percent-width-percent-height-viewbox | +|||
| + wide--auto--percent-width-percent-height-viewbox | SVG | background-size: auto; for percent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height.svg | |
| - wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height | +|||
| + wide--auto-32px--nonpercent-width-omitted-height | SVG | background-size: auto 32px; for nonpercent-width-omitted-height.svg | |
| - wide--auto-32px--nonpercent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--nonpercent-width-percent-height | +|||
| + wide--auto-32px--nonpercent-width-percent-height | SVG | background-size: auto 32px; for nonpercent-width-percent-height.svg | |
| - wide--auto-32px--nonpercent-width-percent-height-viewbox | +|||
| + wide--auto-32px--nonpercent-width-percent-height-viewbox | SVG | background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height | +|||
| + wide--auto-32px--omitted-width-nonpercent-height | SVG | background-size: auto 32px; for omitted-width-nonpercent-height.svg | |
| - wide--auto-32px--omitted-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-omitted-height | +|||
| + wide--auto-32px--omitted-width-omitted-height | SVG | background-size: auto 32px; for omitted-width-omitted-height.svg | |
| - wide--auto-32px--omitted-width-omitted-height-viewbox | +|||
| + wide--auto-32px--omitted-width-omitted-height-viewbox | SVG | background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--omitted-width-percent-height | +|||
| + wide--auto-32px--omitted-width-percent-height | SVG | background-size: auto 32px; for omitted-width-percent-height.svg | |
| - wide--auto-32px--omitted-width-percent-height-viewbox | +|||
| + wide--auto-32px--omitted-width-percent-height-viewbox | SVG | background-size: auto 32px; for omitted-width-percent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-nonpercent-height | +|||
| + wide--auto-32px--percent-width-nonpercent-height | SVG | background-size: auto 32px; for percent-width-nonpercent-height.svg | |
| - wide--auto-32px--percent-width-nonpercent-height-viewbox | +|||
| + wide--auto-32px--percent-width-nonpercent-height-viewbox | SVG | background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--auto-32px--percent-width-omitted-height | +|||
| + wide--auto-32px--percent-width-omitted-height | SVG | background-size: auto 32px; for percent-width-omitted-height.svg | |
| - wide--auto-32px--percent-width-omitted-height-viewbox | +|||
| + wide--auto-32px--percent-width-omitted-height-viewbox | SVG | background-size: auto 32px; for percent-width-omitted-height-viewbox.svg | |
| - wide--auto-32px--percent-width-percent-height | +|||
| + wide--auto-32px--percent-width-percent-height | SVG | background-size: auto 32px; for percent-width-percent-height.svg | |
| - wide--auto-32px--percent-width-percent-height-viewbox | +|||
| + wide--auto-32px--percent-width-percent-height-viewbox | SVG | background-size: auto 32px; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--height | +|||
| + wide--contain--height | SVG | background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--contain--nonpercent-width-nonpercent-height | +|||
| + wide--contain--nonpercent-width-nonpercent-height | SVG | background-size: contain; for nonpercent-width-nonpercent-height.svg | |
| - wide--contain--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--contain--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--nonpercent-width-omitted-height | +|||
| + wide--contain--nonpercent-width-omitted-height | SVG | background-size: contain; for nonpercent-width-omitted-height.svg | |
| - wide--contain--nonpercent-width-omitted-height-viewbox | +|||
| + wide--contain--nonpercent-width-omitted-height-viewbox | SVG | background-size: contain; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--contain--nonpercent-width-percent-height | +|||
| + wide--contain--nonpercent-width-percent-height | SVG | background-size: contain; for nonpercent-width-percent-height.svg | |
| - wide--contain--nonpercent-width-percent-height-viewbox | +|||
| + wide--contain--nonpercent-width-percent-height-viewbox | SVG | background-size: contain; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--contain--omitted-width-nonpercent-height | +|||
| + wide--contain--omitted-width-nonpercent-height | SVG | background-size: contain; for omitted-width-nonpercent-height.svg | |
| - wide--contain--omitted-width-nonpercent-height-viewbox | +|||
| + wide--contain--omitted-width-nonpercent-height-viewbox | SVG | background-size: contain; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--contain--omitted-width-omitted-height | +|||
| + wide--contain--omitted-width-omitted-height | SVG | background-size: contain; for omitted-width-omitted-height.svg | |
| - wide--contain--omitted-width-omitted-height-viewbox | +|||
| + wide--contain--omitted-width-omitted-height-viewbox | SVG | background-size: contain; for omitted-width-omitted-height-viewbox.svg | |
| - wide--contain--omitted-width-percent-height | +|||
| + wide--contain--omitted-width-percent-height | SVG | background-size: contain; for omitted-width-percent-height.svg | |
| - wide--contain--omitted-width-percent-height-viewbox | +|||
| + wide--contain--omitted-width-percent-height-viewbox | SVG | background-size: contain; for omitted-width-percent-height-viewbox.svg | |
| - wide--contain--percent-width-nonpercent-height | +|||
| + wide--contain--percent-width-nonpercent-height | SVG | background-size: contain; for percent-width-nonpercent-height.svg | |
| - wide--contain--percent-width-nonpercent-height-viewbox | +|||
| + wide--contain--percent-width-nonpercent-height-viewbox | SVG | background-size: contain; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--contain--percent-width-omitted-height | +|||
| + wide--contain--percent-width-omitted-height | SVG | background-size: contain; for percent-width-omitted-height.svg | |
| - wide--contain--percent-width-omitted-height-viewbox | +|||
| + wide--contain--percent-width-omitted-height-viewbox | SVG | background-size: contain; for percent-width-omitted-height-viewbox.svg | |
| - wide--contain--percent-width-percent-height | +|||
| + wide--contain--percent-width-percent-height | SVG | background-size: contain; for percent-width-percent-height.svg | |
| - wide--contain--percent-width-percent-height-viewbox | +|||
| + wide--contain--percent-width-percent-height-viewbox | SVG | background-size: contain; for percent-width-percent-height-viewbox.svg | |
| - wide--contain--width | +|||
| + wide--contain--width | SVG | background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - wide--cover--height | +|||
| + wide--cover--height | SVG | background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg | |
| - wide--cover--nonpercent-width-nonpercent-height | +|||
| + wide--cover--nonpercent-width-nonpercent-height | SVG | background-size: cover; for nonpercent-width-nonpercent-height.svg | |
| - wide--cover--nonpercent-width-nonpercent-height-viewbox | +|||
| + wide--cover--nonpercent-width-nonpercent-height-viewbox | SVG | background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--nonpercent-width-omitted-height | +|||
| + wide--cover--nonpercent-width-omitted-height | SVG | background-size: cover; for nonpercent-width-omitted-height.svg | |
| - wide--cover--nonpercent-width-omitted-height-viewbox | +|||
| + wide--cover--nonpercent-width-omitted-height-viewbox | SVG | background-size: cover; for nonpercent-width-omitted-height-viewbox.svg | |
| - wide--cover--nonpercent-width-percent-height | +|||
| + wide--cover--nonpercent-width-percent-height | SVG | background-size: cover; for nonpercent-width-percent-height.svg | |
| - wide--cover--nonpercent-width-percent-height-viewbox | +|||
| + wide--cover--nonpercent-width-percent-height-viewbox | SVG | background-size: cover; for nonpercent-width-percent-height-viewbox.svg | |
| - wide--cover--omitted-width-nonpercent-height | +|||
| + wide--cover--omitted-width-nonpercent-height | SVG | background-size: cover; for omitted-width-nonpercent-height.svg | |
| - wide--cover--omitted-width-nonpercent-height-viewbox | +|||
| + wide--cover--omitted-width-nonpercent-height-viewbox | SVG | background-size: cover; for omitted-width-nonpercent-height-viewbox.svg | |
| - wide--cover--omitted-width-omitted-height | +|||
| + wide--cover--omitted-width-omitted-height | SVG | background-size: cover; for omitted-width-omitted-height.svg | |
| - wide--cover--omitted-width-omitted-height-viewbox | +|||
| + wide--cover--omitted-width-omitted-height-viewbox | SVG | background-size: cover; for omitted-width-omitted-height-viewbox.svg | |
| - wide--cover--omitted-width-percent-height | +|||
| + wide--cover--omitted-width-percent-height | SVG | background-size: cover; for omitted-width-percent-height.svg | |
| - wide--cover--omitted-width-percent-height-viewbox | +|||
| + wide--cover--omitted-width-percent-height-viewbox | SVG | background-size: cover; for omitted-width-percent-height-viewbox.svg | |
| - wide--cover--percent-width-nonpercent-height | +|||
| + wide--cover--percent-width-nonpercent-height | SVG | background-size: cover; for percent-width-nonpercent-height.svg | |
| - wide--cover--percent-width-nonpercent-height-viewbox | +|||
| + wide--cover--percent-width-nonpercent-height-viewbox | SVG | background-size: cover; for percent-width-nonpercent-height-viewbox.svg | |
| - wide--cover--percent-width-omitted-height | +|||
| + wide--cover--percent-width-omitted-height | SVG | background-size: cover; for percent-width-omitted-height.svg | |
| - wide--cover--percent-width-omitted-height-viewbox | +|||
| + wide--cover--percent-width-omitted-height-viewbox | SVG | background-size: cover; for percent-width-omitted-height-viewbox.svg | |
| - wide--cover--percent-width-percent-height | +|||
| + wide--cover--percent-width-percent-height | SVG | background-size: cover; for percent-width-percent-height.svg | |
| - wide--cover--percent-width-percent-height-viewbox | +|||
| + wide--cover--percent-width-percent-height-viewbox | SVG | background-size: cover; for percent-width-percent-height-viewbox.svg | |
| - wide--cover--width | +|||
| + wide--cover--width | SVG | background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg | |
| - zero-height-ratio-5px-auto | +|||
| + zero-height-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-height-ratio-auto-5px | +|||
| + zero-height-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-height-ratio-auto-auto | +|||
| + zero-height-ratio-auto-auto | SVG | zero height ratio, auto auto | |
| - zero-height-ratio-contain | +|||
| + zero-height-ratio-contain | SVG | zero height ratio, contain | |
| - zero-height-ratio-cover | +|||
| + zero-height-ratio-cover | SVG | zero height ratio, cover | |
| - zero-ratio-no-dimensions-5px-auto | +|||
| + zero-ratio-no-dimensions-5px-auto | SVG | zero ratio, no dimensions, 5px auto | |
| - zero-ratio-no-dimensions-auto-5px | +|||
| + zero-ratio-no-dimensions-auto-5px | SVG | zero ratio, no dimensions, auto 5px | |
| - zero-ratio-no-dimensions-auto-auto | +|||
| + zero-ratio-no-dimensions-auto-auto | SVG | zero ratio, no dimensions, auto auto | |
| - zero-ratio-no-dimensions-contain | +|||
| + zero-ratio-no-dimensions-contain | SVG | zero ratio, no dimensions, contain | |
| - zero-ratio-no-dimensions-cover | +|||
| + zero-ratio-no-dimensions-cover | SVG | zero ratio, no dimensions, cover | |
| - zero-width-ratio-5px-auto | +|||
| + zero-width-ratio-5px-auto | SVG | zero height ratio, 5px auto | |
| - zero-width-ratio-auto-5px | +|||
| + zero-width-ratio-auto-5px | SVG | zero height ratio, auto 5px | |
| - zero-width-ratio-auto-auto | +|||
| + zero-width-ratio-auto-auto | SVG | zero width ratio, auto auto | |
| - zero-width-ratio-contain | +|||
| + zero-width-ratio-contain | SVG | zero width ratio, contain | |
| - zero-width-ratio-cover | +|||
| + zero-width-ratio-cover | SVG | zero width ratio, cover @@ -3781,7 +3770,7 @@ | |
| + - 3.10 Backgrounds Shorthand: the ‘background’ property | |||
| @@ -3805,9 +3794,9 @@ | |||
| - background-331 | +|||
| + background-331 | DOM/JSScript | background shorthand - initial values @@ -3816,9 +3805,9 @@ | |
| - background-332 | +|||
| + background-332 | DOM/JSBitmapsScript | background shorthand - all values specified @@ -3827,9 +3816,9 @@ | |
| - background-333 | +|||
| + background-333 | DOM/JSScript | background shorthand - background-color 'red' @@ -3838,9 +3827,9 @@ | |
| - background-334 | +|||
| + background-334 | = | Bitmaps | background shorthand - background-size '100% auto' @@ -3849,9 +3838,9 @@ |
| - background-335 | +|||
| + background-335 | DOM/JSScript | background shorthand - only one <box> value @@ -3860,9 +3849,9 @@ | |
| - background-336 | +|||
| + background-336 | DOM/JSScript | background shorthand - two <box> values @@ -3884,13 +3873,13 @@ | |
| + - 3.11 Backgrounds of Special Elements | |||
| + - 3.11.1 The Canvas Background and the Root Element | |||
| + - 3.11.2 The Canvas Background and the HTML Element | |||
| + - 3.11.3 The ‘::first-line’ Pseudo-element‘s Background | |||
Test passes if there is a filled green square and no red.
- - \ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/README b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/README index 69d1737bead..2e5f2ad0738 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/README +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/README @@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders. The pattern-* images use cells of various sizes: - pattern-gg-gr.png 20x20 pattern-grg-rgr-grg.png 20x20 pattern-rgr-grg-rgr.png 20x20 pattern-tr.png 15x15 diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/pattern-gg-gr.png b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/pattern-gg-gr.png deleted file mode 100644 index 091de70bb72..00000000000 Binary files a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/pattern-gg-gr.png and /dev/null differ diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-background-repeat-x-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-background-repeat-x-ref.xht deleted file mode 100644 index e19fca92c42..00000000000 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-background-repeat-x-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ - - -The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
The test passes if you see the img repeat on the X direction (not repeat on the Y direction)
- -| - first - | -- second - | -- third - | -
|---|---|---|
| - 1 - | -- 2 - | -- 3 - | -
| Test | -Refs | -Flags | -Info | -
|---|---|---|---|
| - + - 6 Conformance | |||
| - + - 6.1 Document Conventions | |||
| - + - 6.2 Conformance Classes | |||
| - + - 6.3 Partial Implementations | |||
| - + - 6.4 Experimental Implementations | |||
| - + - 6.5 Non-Experimental Implementations | |||
| - + - 6.6 CR Exit Criteria | |||
Some tests in the test suite may contain errors. Please check the latest version of the - CSS Fragmentation 3 specification + CSS Fragmentation 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-break-3_dev/index.xht b/tests/wpt/css-tests/css-break-3_dev/index.xht index c90a9c03bc4..6df1d13d07b 100644 --- a/tests/wpt/css-tests/css-break-3_dev/index.xht +++ b/tests/wpt/css-tests/css-break-3_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Fragmentation 3 specification + CSS Fragmentation 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-break-3_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-break-3_dev/xhtml1/chapter-1.xht index 71d90c11cca..774417466f7 100644 --- a/tests/wpt/css-tests/css-break-3_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-break-3_dev/xhtml1/chapter-1.xht @@ -30,10 +30,7 @@| Test | -Refs | -Flags | -Info | -
|---|---|---|---|
| - + - 6 Conformance | |||
| - + - 6.1 Document Conventions | |||
| - + - 6.2 Conformance Classes | |||
| - + - 6.3 Partial Implementations | |||
| - + - 6.4 Experimental Implementations | |||
| - + - 6.5 Non-Experimental Implementations | |||
| - + - 6.6 CR Exit Criteria | |||
| Test | -Refs | -Flags | -Info | -
|---|---|---|---|
| - + - 6 Conformance | |||
| - + - 6.1 Document Conventions | |||
| - + - 6.2 Conformance Classes | |||
| - + - 6.3 Partial Implementations | |||
| - + - 6.4 Experimental Implementations | |||
| - + - 6.5 Non-Experimental Implementations | |||
| - + - 6.6 CR Exit Criteria | |||
Some tests in the test suite may contain errors. Please check the latest version of the - CSS Color 3 specification + CSS Color 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-color-3_dev/index.xht b/tests/wpt/css-tests/css-color-3_dev/index.xht index cf656ed43a8..413bf3c94aa 100644 --- a/tests/wpt/css-tests/css-color-3_dev/index.xht +++ b/tests/wpt/css-tests/css-color-3_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Color 3 specification + CSS Color 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-color-3_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-color-3_dev/xhtml1/chapter-1.xht index 02af087909a..ba6e21d0700 100644 --- a/tests/wpt/css-tests/css-color-3_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-color-3_dev/xhtml1/chapter-1.xht @@ -30,7 +30,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Conditional 3 specification + CSS Conditional 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/index.xht b/tests/wpt/css-tests/css-conditional-3_dev/index.xht index 4b91a8c9edf..31684301879 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/index.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Conditional 3 specification + CSS Conditional 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/chapter-1.xht index 1b353195eb3..572d0e3a765 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/chapter-1.xht @@ -30,25 +30,25 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Counter Styles 3 specification + CSS Counter Styles 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-counter-styles-3_dev/index.xht b/tests/wpt/css-tests/css-counter-styles-3_dev/index.xht index 5d9a10f58a8..8eab56bd1ad 100644 --- a/tests/wpt/css-tests/css-counter-styles-3_dev/index.xht +++ b/tests/wpt/css-tests/css-counter-styles-3_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Counter Styles 3 specification + CSS Counter Styles 3 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-counter-styles-3_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-counter-styles-3_dev/xhtml1/chapter-1.xht index c91ad32b811..a2af6e991b1 100644 --- a/tests/wpt/css-tests/css-counter-styles-3_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-counter-styles-3_dev/xhtml1/chapter-1.xht @@ -30,7 +30,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Exclusions 1 specification + CSS Exclusions 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-exclusions-1_dev/index.xht b/tests/wpt/css-tests/css-exclusions-1_dev/index.xht index 0261f58787d..457e2405fc1 100644 --- a/tests/wpt/css-tests/css-exclusions-1_dev/index.xht +++ b/tests/wpt/css-tests/css-exclusions-1_dev/index.xht @@ -26,7 +26,7 @@Some tests in the test suite may contain errors. Please check the latest version of the - CSS Exclusions 1 specification + CSS Exclusions 1 specification and its errata before assuming a failure is due to an implementation bug and not a test suite bug.
diff --git a/tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/chapter-1.xht index 64ac0723c18..b8d65f8aac6 100644 --- a/tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/chapter-1.xht @@ -30,7 +30,7 @@Test passes if there is no red visible on the page except for + antialiasing.
+