id references title flags links revision credits assertion clip-absolute-positioned-001 reference/clip-absolute-positioned-ref CSS Masking: Test clip property and rect function on div with position: absolute http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 409173b5030dca2e730a5178cfe96aa39318eafd `Dirk Schulze` The clip property should clip elements whose layout are governed by the CSS box model and that are abolutely positioned with 'position: absolute;'. On pass you should see a green square and no red. clip-absolute-positioned-002 reference/clip-absolute-positioned-ref CSS Masking: Test clip property and rect function on div with position: fixed http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property a1d85c1f0fe74ac0be4b7e80f91ce06ea6448f8c `Dirk Schulze` The clip property should clip elements whose layout are governed by the CSS box model and that are abolutely positioned with 'position: fixed;'. On pass you should see a green square and no red. clip-negative-values-001 reference/clip-full-ref CSS Masking: Test clip property does not clip on with negative values - 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property d1e93d5b38c68a6baeab8e97660c9bc0889f816f `Dirk Schulze` Negative values are permitted on rect function for clip. Test that whole element is clipped if bottom edge is before top edge. On pass you should see a green square and no red. clip-negative-values-002 reference/clip-full-ref CSS Masking: Test clip property does not clip on with negative values - 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 735e876f76beb14687a30216a3c2e3900b23a450 `Dirk Schulze` Negative values are permitted on rect function for clip. Test that whole element is clipped if right edge is before left edge. On pass you should see a green square and no red. clip-negative-values-003 reference/clip-vertical-stripe-ref CSS Masking: Test clip property does not clip on with negative values - 3 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property a86ea0edfa9599ebb1c0f77ef66bbaf066ab979f `Dirk Schulze` Negative values are permited on rect function for clip. Test that left edge can be negative. On pass you should see a vertical blue stripe. clip-negative-values-004 reference/clip-horizontal-stripe-ref CSS Masking: Test clip property does not clip on with negative values - 4 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 2ba4b26ac53090ed12a58e8df45722b711d60f8a `Dirk Schulze` Negative values are permited on rect function for clip. Test that top edge can be negative. On pass you should see a horizontal blue stripe. clip-no-clipping-001 reference/clip-no-clipping-ref CSS Masking: Test clip property does not clip on 'auto' http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 7912958fe93cbfee4813df84880a44d631a3b240 `Dirk Schulze` The clip property should on 'auto'. On pass you should see a green box with a blue border. clip-no-clipping-002 reference/clip-no-clipping-ref CSS Masking: Test clip property does not clip overflowing content on 'auto'. http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 6ff66041ca2cbd712ea96f3d5341d6ee725ed246 `Dirk Schulze` The clip property should not clip overflowing content of elements whose layout are governed by the CSS box model, the position is absolute and the clip value is 'auto'. On pass you should see a a green square with a blue border. clip-not-absolute-positioned-001 reference/clip-no-clipping-ref CSS Masking: Test clip property and rect function on not absolutely positioned div - 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 57e6de156814d186fcffb74693eef632e5f16ea0 `Dirk Schulze` The clip property should be ignored on elements whose layout are governed by the CSS box model and are not abolutely positioned. On pass you should see a green square with a blue border. clip-not-absolute-positioned-002 reference/clip-no-clipping-ref CSS Masking: Test clip property and rect function on not absolutely positioned div - 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property a6f6d6754d24efc6c66a83e4cac2f4375c7f12c2 `Dirk Schulze` The clip property should be ignored on elements whose layout are governed by the CSS box model and are not abolutely positioned. Creating a stacking context with z-index does not influence clipping behavior. On pass you should see a green box square with a blue border. clip-not-absolute-positioned-003 reference/clip-no-clipping-ref CSS Masking: Test clip property and rect function on not absolutely positioned div - 3 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 80b26530bb6e33ba2315e02ad4917fd3f4ddb5b6 `Dirk Schulze` The clip property should be ignored on elements whose layout are governed by the CSS box model and are not abolutely positioned. Creating a 3d rednering context does not influence clipping behavior. On pass you should see a green square with a blue border. clip-not-absolute-positioned-004 reference/clip-no-clipping-ref CSS Masking: Test clip property and rect function on not absolutely positioned div - 4 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 7f2d07caa51146f7f6fe33880a518a5cfeed73a3 `Dirk Schulze` The clip property should be ignored on elements whose layout are governed by the CSS box model and are not abolutely positioned. position: relative does not influence clipping behavior. On pass you should see a green square with a blue border. clip-path-borderBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path border-box https://www.w3.org/TR/css-masking-1/#the-clip-path ba08d526edf9fdfcf690470542b02b466cccae86 `CJ Ku`,`Mozilla` Test checks whether clip-path border-box works correctly or not. This test is for clip-path applied to an HTML element. clip-path-borderBox-1b reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path border-box https://www.w3.org/TR/css-masking-1/#the-clip-path 123937933639bc46471132ba671822a2107314e8 `CJ Ku`,`Mozilla` Test checks whether clip-path border-box works correctly or not. This test is for clip-path applied to an SVG element. clip-path-borderBox-1c reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path border-box https://www.w3.org/TR/css-masking-1/#the-clip-path d2037fce1599ab9f19b27d4f1b31414f82a4d9c8 `CJ Ku`,`Mozilla` Test checks whether clip-path border-box works correctly or not. This test is for clip-path applied to an SVG SVG element. clip-path-circle-001 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with absolute values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 6551513b2e9c688ba790a5034cf56375b251c2c8 `Dirk Schulze`,`Denise White`,`Laury Kenton` The clip-path property takes the basic shape 'circle' for clipping. Test absolute values for arguments. On pass you should see a green circle and no red. clip-path-circle-002 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with percentage values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 5f834cbdfb22a1b7ead2a6601aa031c9b6e1b74b `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. Test percentage values for arguments. If no reference box was specified, percentage is relative to border-box. On pass there should be a green circle. clip-path-circle-003 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with percentage radius http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 9e5bd98775ead8fe688f521be1e25ff899e98672 `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. Test percentage value as argument for radius and no position arguments. The circle should be in the center of the element. On pass there should be a green circle. clip-path-circle-004 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with percentage position http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 3cc1f0658ce477570d8dbe4836a4fe0456494a91 `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. Test percentage value as argument for position and no radius argument. The circle must behave like it has a radius of 'closest-side'. On pass there should be a green circle. clip-path-circle-005 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with closest-side http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path a59b8266454be39aa922b148836bf5a741169bf6 `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. The circle has a radius of 'closest-side'. This test has a squred div-box. Therefore, 'closest-side', 50% and 'farthest-side' show the same behavior. On pass there should be a green circle. clip-path-circle-006 reference/clip-path-circle-ref CSS Masking: Test clip-path property and circle function with farthest-side http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path ad47ecb4deda995ea69dec7ade4eeaec7f66651f `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. The circle has a radius of 'farthest-side'. This test has a squred div-box. Therefore, 'closest-side', 50% and 'farthest-side' show the same behavior. On pass there should be a green circle. clip-path-circle-007 reference/clip-path-circle-2-ref CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 84a1adff0763b0c5793d4a7910f66481747b961b `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. The clipped div box is twice as wide as it is height. With 'closest-side', there should be a full green circle. clip-path-circle-008 reference/clip-path-circle-3-ref CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#the-clip-path 1e853c7eb2dd8220110fd26fa80e079587244fd9 `Dirk Schulze` The clip-path property takes the basic shape 'circle' for clipping. The clipped div box is twice as high as it is wide. With 'closest-side', there should be a full green circle. clip-path-contentBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path content-box https://www.w3.org/TR/css-masking-1/#the-clip-path f54065cc3c55ab5479083639a4c662b886a7f464 `CJ Ku`,`Mozilla` Test checks whether clip-path content-box works correctly or not. This test is for clip-path applied to an HTML element. clip-path-contentBox-1b reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path content-box https://www.w3.org/TR/css-masking-1/#the-clip-path 8fac3d852ea251af25d779e44baf2303f5ac6e62 `CJ Ku`,`Mozilla` Test checks whether clip-path content-box works correctly or not. This test is for clip-path applied to an SVG element. clip-path-contentBox-1c reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path content-box https://www.w3.org/TR/css-masking-1/#the-clip-path c29a8067ffd7c08de6c4b955ca0bf517b7fe71e3 `CJ Ku`,`Mozilla` Test checks whether clip-path content-box works correctly or not. clip-path-element-userSpaceOnUse-001 reference/clip-path-rectangle-ref CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 675bc45a4da73f355ae54d1b371bc680e4d2e72e `Dirk Schulze` The clip-path property takes an external reference to a clipPath element for clipping. On pass you should see a green box. clip-path-element-userSpaceOnUse-002 reference/clip-path-rectangle-ref CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 26e3cc0e8acd806489c4731cf5a284621884efe6 `Dirk Schulze` The clip-path property takes an reference to a clipPath element for clipping. On pass you should see a green with a blue border. clip-path-element-userSpaceOnUse-003 reference/clip-path-ref-right-green-ref CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 2f3f54dc854f6446db4f32e5feb72d3cefe04efb `Dirk Schulze` The clip-path property takes a reference to a clipPath element for clipping. Percentage values are relative to the viewport for userSpaceOnUse on clipPathUnits. On pass the left half of the site is white and the right half of the site is blue. clip-path-element-userSpaceOnUse-004 reference/clip-path-ref-bottom-green-ref CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 4e27c11182a66d338d7144fdb48c427355371381 `Dirk Schulze` The clip-path property takes a reference to a clipPath element for clipping. Percentage values are relative to the viewport for userSpaceOnUse on clipPathUnits. On pass the top half of the site is white and the bottom half of the site is green. clip-path-ellipse-001 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with absolute values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 012b35e9240dc2d23fc883bc66465468645963a9 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test absolute values for radii and position arguments. On pass you should see a green ellipse. clip-path-ellipse-002 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with percentage values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 01e03a3bb41b0e8366aba15f90aead78162a25b4 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test percentage values for radii and position arguments. Percentage values are relative to a reference box. If no reference box was specified, percentage values are relative to border-box. On pass you should see a green ellipse. clip-path-ellipse-003 reference/clip-path-circle-ref CSS Masking: Test clip-path property and ellipse function with percentage values on square http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path a08442647cf371223db13dfe554e10c802709b67 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test percentage values for radii and position arguments. Percentage values are relative to a reference box. If no reference box was specified, percentage values are relative to border-box. On pass there should be a full green circle. clip-path-ellipse-004 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with different absolute values on square http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 0ca0f3e14b0c9f17d22de8de547bbf9c292bdb04 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test absolute values for arguments. On pass you should see a green ellipse. clip-path-ellipse-005 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with different percentage values on square http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 1d9b5e7dcc68d4d8a987bdd2875beae0745a2e74 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test percentage values for radii and position arguments. Percentage values are relative to a reference box. If no reference box was specified, percentage values are relative to border-box. Different values for getting an ellipse from a square. On pass you should see a green ellipse. clip-path-ellipse-006 reference/clip-path-circle-ref CSS Masking: Test clip-path property and ellipse function with absolute values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path e9f87ec9c0074f594df20b97307f7606927bdb15 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test absolute values for radii and position arguments. On pass you should see a green circle. clip-path-ellipse-007 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with no arguments http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path b36748b51ddf5bdcb7d74b184c0c4160485e44cc `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. If no further arguments were specified, the radii are 'closest-side' each. The position is initialised to the center of the element. On pass there is a full green ellipse. clip-path-ellipse-008 reference/clip-path-ellipse-ref CSS Masking: Test clip-path property and ellipse function with 50% 50% http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path e1bc5feb5b0e8a7234ef94a33d8521d8e60ad245 `Dirk Schulze` The clip-path property takes the basic shape 'ellipse' for clipping. Test percentage values for radii and position arguments. Percentage values are relative to a reference box. If no reference box was specified, percentage values are relative to border-box. Both radii are specified with percentage values. The position is initialised to the center of the element. On pass there is a full green ellipse. clip-path-fillBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path fill-box https://www.w3.org/TR/css-masking-1/#the-clip-path 0c09b0b096ce8684fefb957bb677e6439b924af0 `CJ Ku`,`Mozilla` Test checks whether clip-path fill-box works correctly or not. This test is for clip-path applied to an SVG SVG element. clip-path-geometryBox-2 reference/clip-path-geometryBox-2-ref CSS Masking: clip-path: clip path margin-box https://www.w3.org/TR/css-masking-1/#the-clip-path ba4c300840508e50ed00d8c61a13288f3c33f140 `CJ Ku`,`Mozilla` Test checks whether clip-path margin-box works correctly or not. clip-path-localRef-1 reference/clip-path-localRef-1-ref Testcase for clip-path linked to local-ref URL https://www.w3.org/TR/css-masking-1/#the-clip-path 343133882e568359dec92a66681d2a845888f514 `CJ Ku`,`Mozilla` Test checks after changing base URL, whether fragment URLs works correctly or not. clip-path-marginBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path margin-box https://www.w3.org/TR/css-masking-1/#the-clip-path a7860985e875cf159e5dfbd3f197d874868a28b5 `CJ Ku`,`Mozilla` Test checks whether clip-path margin-box works correctly or not. This test is for clip-path applied to an SVG element. clip-path-mix-blend-mode-1 reference/clip-path-mix-blend-mode-1-ref CSS Masking: clip-path with mix-blend-mode https://www.w3.org/TR/css-masking-1/#the-clip-path 10ba39a159c6833550608890f06baed0e80022b7 `CJ Ku`,`Mozilla` Test checks whether clip-path works with mix-blend-mode correctly or not. clip-path-paddingBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path padding-box https://www.w3.org/TR/css-masking-1/#the-clip-path 26cd49a5e7fbb4d4fe76415552ae5e9b8be97731 `CJ Ku`,`Mozilla` Test checks whether clip-path padding-box works correctly or not. This test is for clip-path applied to an HTML element. clip-path-paddingBox-1b reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path padding-box https://www.w3.org/TR/css-masking-1/#the-clip-path 758ad16a7da34ed436194871bda34b2be3dc7320 `CJ Ku`,`Mozilla` Test checks whether clip-path padding-box works correctly or not. This test is for clip-path applied to an SVG element. clip-path-paddingBox-1c reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path padding-box https://www.w3.org/TR/css-masking-1/#the-clip-path 6b08640764db0639ef97664672571129374f84b0 `CJ Ku`,`Mozilla` Test checks whether clip-path padding-box works correctly or not. This test is for clip-path applied to an SVG SVG element. clip-path-polygon-001 reference/clip-path-rectangle-ref CSS Masking: Test clip-path property and polygon function with absolute values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path ce40772a228f478895d17f511ede902285b20c9e `Dirk Schulze` The clip-path property takes the basic shape 'polygon' for clipping. Test absolute value arguments. On pass you should see a green square and no red. clip-path-polygon-002 reference/clip-path-rectangle-ref CSS Masking: Test clip-path property and polygon function with percentage values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path a26883e8648b91eb54278dc34910fd08fd768066 `Dirk Schulze` The clip-path property takes the basic shape 'polygon' for clipping. Test percentage values for arguments. Percentage values are relative to specified reference box. If no reference box was specified, percentage values are relative to border-box. A number of percentage values are specified as coordinates. On pass you should see a green square and no red. clip-path-polygon-003 reference/clip-path-rectangle-ref CSS Masking: Test clip-path property and polygon function with absolute and percentage values http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path fccf23845d5ec85f017a3e9785363549f51c6d4b `Dirk Schulze` The clip-path property takes the basic shape 'polygon' for clipping. Test absolute and percentage value arguments. On pass you should see a green square and no red. clip-path-polygon-004 reference/clip-path-rectangle-border-ref CSS Masking: Test clip-path property and polygon function with fill rule evenodd http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 2d89915ec42470d0b282de73f171792540055f2c `Dirk Schulze` The clip-path property takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the fill rule 'evenodd', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border. clip-path-polygon-005 reference/clip-path-rectangle-border-ref CSS Masking: Test clip-path property and polygon function with fill rule nonzero http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path a23e6116b898f98d581ed671fab1d8eb7a2b2ff4 `Dirk Schulze` The clip-path property takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'hole' with the dimension of the background of the clipped element. With the fill rule 'nonzero', this hole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green square with a blue border. clip-path-polygon-006 reference/clip-path-square-001-ref CSS Masking: Test clip-path and polygon with padding-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 46ade91baef9cd493a1d1006e63506901ecef137 `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box 'padding-box' for the polygon() function by mixing percentage and absolute values as coordinates. On sucess you should see a green square and no red. clip-path-polygon-007 reference/clip-path-stripes-001-ref CSS Masking: Test clip-path and polygon with border-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path ababd340338c3a00f475253d3e70c68a46afa757 `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box 'border-box' for the polygon() function by mixing percentage and absolute values as coordinates. On sucess you should see a green vertical stripe next to a lime green vertical stripe. Both should be of equal size. clip-path-polygon-008 reference/clip-path-stripes-002-ref CSS Masking: Test clip-path and polygon with margin-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 9f1f5e861afb82ce4535efa1e5e37c85bb961001 `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box 'margin-box' for the polygon() function by mixing percentage and absolute values as coordinates. On sucess you should see a green vertical stripe next to a lime green vertical stripe. Both should be of equal size. clip-path-polygon-009 reference/clip-path-square-002-ref CSS Masking: Test clip-path and polygon with content-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path dbf06de6ee649d816c7f91522ba4c4991a96be1c `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box 'content-box' for the polygon() function by mixing percentage and absolute values as coordinates. On sucess you should see a green square and no red. clip-path-polygon-010 reference/clip-path-stripes-001-ref CSS Masking: Test clip-path and polygon with fill-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 1794303787a34ef7c061a247a9076fc9fd1adb49 `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box. 'fill-box' was specified but is not supported for HTML elements. The used value should be 'border-box' for the polygon() function instead. By mixing percentage and absolute values as coordinates we check the correct used reference box. On sucess you should see a green vertical stripe next to a lime green vertical stripe. Both should be of equal size. clip-path-polygon-011 reference/clip-path-stripes-001-ref CSS Masking: Test clip-path and polygon with stroke-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path f2b7330ea6d4bb428d6c5e630e0c42ec523a7223 `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box. 'stroke-box' was specified but is not supported for HTML elements. The used value should be 'border-box' for the polygon() function instead. By mixing percentage and absolute values as coordinates we check the correct used reference box. On sucess you should see a green vertical stripe next to a lime green vertical stripe. Both should be of equal size. clip-path-polygon-012 reference/clip-path-stripes-001-ref CSS Masking: Test clip-path and polygon with view-box http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 618f339a009ce4209c17b1199aee514292a5e4ce `Dirk Schulze` The clip-path property allows specifying basic shapes and reference boxes. This test checks the usage of the correct reference box. 'view-box' was specified but is not supported for HTML elements. The used value should be 'border-box' for the polygon() function instead. By mixing percentage and absolute values as coordinates we check the correct used reference box. On sucess you should see a green vertical stripe next to a lime green vertical stripe. Both should be of equal size. clip-path-polygon-013 reference/clip-path-stripes-003-ref CSS Masking: Test clip-path and polygon different units http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path 3371a1258a8d2ddbbf18dd93ea937a86c3d06f6f `Dirk Schulze` Test the support of different units for polygon coordinates. The test passes if you see a multiple green and blue stripe pairs. For each pair, the blue and green stripe must be of same length. clip-path-strokeBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path stroke-box https://www.w3.org/TR/css-masking-1/#the-clip-path 38ae41c1b592454de41cad4e1329e0f1137219a8 `CJ Ku`,`Mozilla` Test checks whether clip-path stroke-box works correctly or not. This test is for clip-path applied to an SVG SVG element. clip-path-strokeBox-1b reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path stroke-box https://www.w3.org/TR/css-masking-1/#the-clip-path a1f7977e65ef013c740dc2f6ee83042e8ad484ee `CJ Ku`,`Mozilla` Test checks whether clip-path stroke-box works correctly or not. clip-path-viewBox-1a reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path view-box https://www.w3.org/TR/css-masking-1/#the-clip-path c13755dd266053cd88452ff5a9cdbeb0b7811861 `CJ Ku`,`Mozilla` Test checks whether clip-path view-box works correctly or not. clip-path-viewBox-1b reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path view-box with viewbox https://www.w3.org/TR/css-masking-1/#the-clip-path e737de9cf58fe03bccd08992acc8bf4dfdbf5d0d `CJ Ku`,`Mozilla` Test checks whether clip-path view-box with viewbox works correctly or not. clip-path-viewBox-1c reference/clip-path-geometryBox-1-ref CSS Masking: clip-path: clip path view-box https://www.w3.org/TR/css-masking-1/#the-clip-path 84f5f23946cc401977a1311b5bd73bdb6692fca2 `CJ Ku`,`Mozilla` Test checks whether clip-path view-box works correctly or not. This test is for clip-path applied to an SVG SVG element. clip-rect-auto-001 reference/clip-overflow-hidden-ref CSS Masking: Test clip property with rect function and auto values clip to border box - 1 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 0845a592f963c525c4169d8b66eb69d7ae8db937 `Dirk Schulze` A value of 'auto' in the rect function is equal to the certain edge of the border box. The content should be clipped to the border box. On pass you see a blue square and a smaller green square in the bottom right corner of the blue square. clip-rect-auto-002 reference/clip-no-clipping-ref CSS Masking: Test clip property with rect function and auto values clip to border box - 2 http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property eb938b4e7c5f4edb9bbb50eacc26a21f829be761 `Dirk Schulze` A value of 'auto' in the rect function is equal to the certain edge of the border box. The box shadow should be clipped, since it is painted outside the border box. On pass you should see a green square with a blue border. clip-rect-auto-003 reference/clip-rect-top-ref CSS Masking: Test clip property with rect function and auto value for top value http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 0ba846e7e0e584887b770c790a2016d7e40278cf `Dirk Schulze` A value of 'auto' for 'top' in the rect function is equal to the top edge of the border box. The box shadow should be clipped, since it is painted outside the border box. On pass you should see a horizontal green stripe under a horizontal blue stripe. clip-rect-auto-004 reference/clip-rect-right-ref CSS Masking: Test clip property with rect function and auto value for right value http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 6dfa81d38d978cb65068eeb81cf71fbc4196ba58 `Dirk Schulze` A value of 'auto' for 'right' in the rect function is equal to the top edge of the border box. The box shadow should be clipped, since it is painted outside the border box. On pass you should see a vertical blue stripe on the right side of a vertical green stripe. clip-rect-auto-005 reference/clip-rect-bottom-ref CSS Masking: Test clip property with rect function and auto value for bottom value http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property f29b3392463a2840769e61470829ce662c322ce1 `Dirk Schulze` A value of 'auto' for 'bottom' in the rect function is equal to the top edge of the border box. The box shadow should be clipped, since it is painted outside the border box. On pass you should see a horizontal blue stripe under a horizontal green stripe. clip-rect-auto-006 reference/clip-rect-left-ref CSS Masking: Test clip property with rect function and auto value for left value http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#clip-property 25fbea228b18a140d1bf55975d17dbc9a5162468 `Dirk Schulze` A value of 'auto' for 'left' in the rect function is equal to the top edge of the border box. The box shadow should be clipped, since it is painted outside the border box. On pass you should see a vertical green stripe on the right side of a vertical blue stripe. clip-rect-comma-001 reference/clip-absolute-positioned-ref CSS Masking: Test comma separation of rect function on clip - no commas http://www.w3.org/TR/css-masking-1/#clip-property 26f2f7ab6c17b15238c81a3c15e80a5b7d045c39 `Dirk Schulze` Values for rect function on clip can be white space or comma separated, but not both. Otherwise the property setting gets ignored. Testing rect function with white space separation. On pass you should see a green square and no red. clip-rect-comma-002 reference/clip-no-clipping-ref CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value http://www.w3.org/TR/css-masking-1/#clip-property bb2798d9908b1650562b5549ea0f510483a60fd8 `Dirk Schulze` Values for rect function on clip can be white space or comma separated, but not both. Otherwise the property setting gets ignored. Testing rect function without comma separation between 1st and 2nd value. On pass you should see a green square with a blue border. clip-rect-comma-003 reference/clip-no-clipping-ref CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value http://www.w3.org/TR/css-masking-1/#clip-property bb6037be9d575eeadccf5960a6334f6c82fb1a72 `Dirk Schulze` Values for rect function on clip can be white space or comma separated, but not both. Otherwise the property setting gets ignored. Testing rect function without comma separation between 2nd and 3rd value. On pass you should see a green square with a blue border. clip-rect-comma-004 reference/clip-no-clipping-ref CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value http://www.w3.org/TR/css-masking-1/#clip-property 38b542cefdad3a69bbb2c9161784112bfdbb0565 `Dirk Schulze` Values for rect function on clip can be white space or comma separated, but not both. Otherwise the property setting gets ignored. Testing rect function without comma separation between 3rd and 4th value. On pass you should see a green square with a blue border. clip-rule-001 reference/clip-rule-rectangle-border-ref CSS Masking: Test clip-rule property on polygon clip rule evenodd http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 685b1c6b98405699db11621e3739893d03bb287f `Dirk Schulze` The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'evenodd', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border. clip-rule-002 reference/clip-rule-rectangle-border-ref CSS Masking: Test clip-rule property on polygon clip rule nonzero http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 060477805299dce5079f7940f4140876d0d2d33e `Dirk Schulze` The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'nonzero', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border. mask-clip-1 reference/mask-clip-1-ref CSS Masking: mask-clip: clip mask image http://www.w3.org/TR/css-masking-1/#the-mask-clip 5a754aa2ad92ab071e20dc470a652aae1456e44e `Astley Chen`,`Mozilla` border-box, padding-box, content-box and no-clip values of mask-clip should clip to the appropriate boxes. mask-clip-2 reference/mask-clip-2-ref CSS Masking: mask-clip: clip mask image http://www.w3.org/TR/css-masking-1/#the-mask-clip 3d5c489b56c3210538e8d4fd1a26d93cc740e9bd `CJ Ku`,`Mozilla` fill-box, stroke-box and view-box values of mask-clip should clip to the appropriate boxes. mask-composite-1a reference/mask-composite-1-ref CSS Masking: mask-composite: compose vector image http://www.w3.org/TR/css-masking-1/#the-mask-composite 7b1c3669ee5863c7b55615282f09823784176af6 `CJ Ku`,`Mozilla` Test checks that vector-mask-image can be composed correctly by different mask-composite value. mask-composite-1b reference/mask-composite-1-ref CSS Masking: mask-composite: compose raster image http://www.w3.org/TR/css-masking-1/#the-mask-composite 8ad93e1885cc960ea03bb40f2c0f9685c143e73a `CJ Ku`,`Mozilla` Test checks that raster-mask-image can be composed correctly by different mask-composite value. mask-composite-1c reference/mask-composite-1-ref CSS Masking: mask-composite: compose svg mask http://www.w3.org/TR/css-masking-1/#the-mask-composite 87fc19def0bd4de5d6e14d76b4b5a96b455f1f25 `CJ Ku`,`Mozilla` Test checks that vector-mask-image can be composed correctly by different mask-composite value. mask-composite-2a reference/mask-composite-2-ref CSS Masking: mask-composite: compose vector image http://www.w3.org/TR/css-masking-1/#the-mask-composite 1b01a3cea9aeced80ca215b76de8fabdf1a840b2 `CJ Ku`,`Mozilla` Test checks that vector-mask-image can be composed correctly by different mask-composite value. mask-composite-2b reference/mask-composite-2-ref CSS Masking: mask-composite: compose raster image http://www.w3.org/TR/css-masking-1/#the-mask-composite ab6d67ec154e94de712444e4b9809f722def1bcb `CJ Ku`,`Mozilla` Test checks that raster-mask-image can be composed correctly by different mask-composite value. mask-composite-2c reference/mask-composite-2-ref CSS Masking: mask-composite: compose SVG mask http://www.w3.org/TR/css-masking-1/#the-mask-composite 549b2229a71b7d4e501e84ba5257837ee701b3fd `CJ Ku`,`Mozilla` Test checks that svg-mask can be composed correctly by different mask-composite value. mask-image-1a reference/mask-image-1-ref CSS Masking: mask-image: mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-image 9dcbd4b3ff1098164640ba8e6381243a6c165c68 `Astley Chen`,`Mozilla` Test checks whether image as mask layer works correctly or not. mask-image-1b reference/mask-image-1-ref CSS Masking: mask-image: mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-image 5c3b7f570678ab052a9fb7cf5cb5ea2238d9ffa9 `Astley Chen`,`Mozilla` Test checks whether SVG image as mask layer works correctly or not. mask-image-1c reference/mask-image-1-ref CSS Masking: mask-image: mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-image 67a05342df5dad237e53b40a181554db612da086 `Astley Chen`,`Mozilla` Test checks whether SVG mask element as mask layer works correctly or not. mask-image-1d reference/mask-image-1-ref CSS Masking: mask-image: mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-image 49fccadb7069ed618d2669f52f025a54e896b4e9 `CJ Ku`,`Mozilla` Test checks whether treat unresolvable mask as no-mask for a SVG element embedded in HTML document. mask-image-2 reference/mask-image-2-ref CSS Masking: mask-image: mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-image 5369c24eb94bfe4899442f789cc0d988fe6d2aeb `Astley Chen`,`Mozilla` Test checks whether gradient CSS image as mask layer works correctly or not. mask-image-3a reference/mask-image-3-ref CSS Masking: mask-image: multiple SVG masks https://www.w3.org/TR/css-masking-1/#the-mask-image 96f1c1b9a73389fd63064dd5f80dbe7a1d6dfe4c `CJ Ku`,`Mozilla` Test checks whether SVG mask as mask layer works correctly or not. mask-image-3b reference/mask-image-3-ref CSS Masking: mask-image: interleave SVG mask with image mask https://www.w3.org/TR/css-masking-1/#the-mask-image f18003d8263b264ac3ec52b6a7cc1e9a6c8e2e33 `CJ Ku`,`Mozilla` Test checks whether SVG mask and image as mask layer works correctly or not. mask-image-3c reference/mask-image-3-ref CSS Masking: mask-image: interleave SVG mask with image mask https://www.w3.org/TR/css-masking-1/#the-mask-image 50b3d878dfee9cc8c231ddfe8d33c3f91ad723aa `CJ Ku`,`Mozilla` Test checks whether SVG mask and image as mask layer works correctly or not. mask-image-3d reference/mask-image-3-ref CSS Masking: mask-image: interleave SVG mask with image mask https://www.w3.org/TR/css-masking-1/#the-mask-image 4ffb8fa60d4f44a5de1bd42c33722ee6e5a156b6 `CJ Ku`,`Mozilla` Test checks whether SVG mask and image as mask layer works correctly or not. mask-image-3e reference/mask-image-3-ref CSS Masking: mask-image: interleave SVG mask with image mask https://www.w3.org/TR/css-masking-1/#the-mask-image b5bc0f8bae78ede4722a0dda87e7e5b054d63c8a `CJ Ku`,`Mozilla` Test checks whether SVG mask and image as mask layer works correctly or not. mask-image-3f reference/mask-image-3-ref CSS Masking: mask-image: SVG masks apply on border area https://www.w3.org/TR/css-masking-1/#the-mask-image 6b2c882c1b896c8cdc09eefbafde65ee5d7c9c1f `CJ Ku`,`Mozilla` Test checks whether SVG mask layer can be positioned on box-shadow area correctly or not. mask-image-3g reference/mask-image-3-ref CSS Masking: mask-image: SVG masks apply on border area https://www.w3.org/TR/css-masking-1/#the-mask-image 56d7ed069a583a243a45d6e541a712610628eeaa `CJ Ku`,`Mozilla` Test checks whether apply transfrom to a SVG mask layer works correctly or not. mask-image-3h reference/mask-image-3-ref CSS Masking: clip-path in SVG mask https://www.w3.org/TR/css-masking-1/#the-mask-image 0a3ccd82ca915a513adb1e3fe1c4c432d6faa97f `CJ Ku`,`Mozilla` Test checks whether clip-path in SVG mask works correctly or not. mask-image-3i reference/mask-image-3-ref CSS Masking: mask-image: interleave SVG mask with image mask https://www.w3.org/TR/css-masking-1/#the-mask-image 777f590c7b0644367f8dfe0ddb4411fff6f0ff72 `CJ Ku`,`Mozilla` Test checks whether SVG mask and image as mask layer works correctly or not. mask-image-4a blank CSS Masking: mask-image: unresovlable mask url https://www.w3.org/TR/css-masking-1/#the-mask-image d747e753b9896a6b800279cdeff604c8eed08648 `CJ Ku`,`Mozilla` Test checks non-existent url should be counted as an image layer of transparent black. mask-image-4b blank CSS Masking: mask-image: unresovlable mask url https://www.w3.org/TR/css-masking-1/#the-mask-image 3273c91a87452523cfd06b912481fd15984f95c8 `CJ Ku`,`Mozilla` Test checks a mask reference to a none-mask SVG element should be counted as an image layer of transparent black. mask-image-5 reference/mask-image-5-ref CSS Masking: mask-image: data url mask https://www.w3.org/TR/css-masking-1/#the-mask-image d4a6beedd7e0bd4ac2c46af0fc04cc4a70ee504e `CJ Ku`,`Mozilla` Test checks handling data url mask correctly. mask-image-6 reference/mask-image-6-ref CSS Masking: mask on inline element https://www.w3.org/TR/css-masking-1/#the-mask-image 51c8921fa07d70e4fb4a66b74bd3b890ed7c83b5 `CJ Ku`,`Mozilla` Test checks whether mask on inline elemnt works correctly or not. mask-mode-a reference/mask-mode-ref CSS Masking: mask-mode with vector image https://www.w3.org/TR/css-masking-1/#propdef-mask-mode a64455fb83c162922ddfb6d45497b79f77b50ef3 `Ethan Lin`,`Mozilla` Test checks that mask an SVG image referenced by mask-image is correct with different mask mode. mask-mode-b reference/mask-mode-ref CSS Masking: mask-mode with raster image https://www.w3.org/TR/css-masking-1/#propdef-mask-mode 61737e162df85c4362c54ffabd1f086f6d387506 `Ethan Lin`,`Mozilla` Test checks that mask a PNG image referenced by mask-image is correct with different mask mode. mask-mode-to-mask-type reference/mask-mode-to-mask-type-ref CSS Masking: mask-mode with vector image https://www.w3.org/TR/css-masking-1/#propdef-mask-mode 1d21eb363997a793bcf628f13ae1e4223b73893b `Ethan Lin`,`Mozilla` Test checks the fallback logic between mask-mode and mask-type. mask-opacity-1a reference/mask-opacity-1-ref CSS Masking: mask-image: mask with filter and opacity https://www.w3.org/TR/css-masking-1/#the-mask-image 5b9e0610e4dfa2646672372d8b4b997559627065 `CJ Ku`,`Mozilla` Test checks whether apply opacity to masked element correctly or not. mask-opacity-1b reference/mask-opacity-1-ref CSS Masking: mask-image: mask with opacity https://www.w3.org/TR/css-masking-1/#the-mask-image 69cb377773ee9f6959454896c459fba373b13b68 `CJ Ku`,`Mozilla` Test checks whether apply opacity to masked element correctly or not. mask-opacity-1c reference/mask-opacity-1-ref CSS Masking: mask-image: filter with opacity https://www.w3.org/TR/css-masking-1/#the-mask-image 0de6f541da54b9a6293f6525ea608a4e938b7659 `CJ Ku`,`Mozilla` Test checks whether apply opacity to masked element correctly or not. mask-opacity-1d reference/mask-opacity-1-ref CSS Masking: mask-image: mask with opacity https://www.w3.org/TR/css-masking-1/#the-mask-image 9a89cf5fbdb863b9278eec1a9e2107e3747ef56e `CJ Ku`,`Mozilla` Test checks whether apply opacity to masked element correctly or not. mask-opacity-1e reference/mask-opacity-1-ref CSS Masking: mask-image: mask with opacity https://www.w3.org/TR/css-masking-1/#the-mask-image 5a7a3313943ebd4f33c845cab5b6810f1f2856d2 `CJ Ku`,`Mozilla` Test checks whether apply opacity to masked element correctly or not. mask-origin-1 reference/mask-origin-1-ref CSS Masking: mask-origin: mask positioning area https://www.w3.org/TR/css-masking-1/#the-mask-origin 5ba2e66ad99e92e67b9a3b9c04f249d41c16d517 `Astley Chen`,`Mozilla` Test checks whether setting mask position area works correctly or not. mask-origin-2 reference/mask-origin-2-ref CSS Masking: mask-origin: mask positioning area https://www.w3.org/TR/css-masking-1/#the-mask-origin 66dea1e4283a718f62e2ea23616ebba929179c7e `Astley Chen`,`Mozilla` Test checks whether setting mask origin to margin-box works correctly or not. mask-origin-3 reference/mask-origin-3-ref CSS Masking: mask-origin: mask positioning area https://www.w3.org/TR/css-masking-1/#the-mask-origin e5185b16768d2f82f4336c30c2de5ec734b42720 `CJ Ku`,`Mozilla` Test checks whether setting mask position area works correctly or not. mask-position-1a reference/mask-position-1-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 2335ff1467039590c16bb12ebc78046fec611646 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-1b reference/mask-position-1-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position ae0e1a39aa966e45b66460a567690b4163f61a3b `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-1c reference/mask-position-1-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 8748ccea63d9e702eabc4ac653787d062b67baa4 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-2a reference/mask-position-2-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 8615cfc1c2f3027339c00b724ba18a1a32a95af6 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-2b reference/mask-position-2-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position b439a79fc048d75a9986f059ff28c037989a2c4f `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-3a reference/mask-position-3-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 0245963b690e1a69d2b038aefae8090f2360b26b `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-3b reference/mask-position-3-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 57a1d58ad54660e0d9db408c84e7eb676dcca3de `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-4a reference/mask-position-4-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 8ba99a0b2997678a795ecb9448d32fda8c9a3438 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-4b reference/mask-position-4-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 896f34c0a24e2897d0ebd4f6e6b6d3ff0aedcd73 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-4c reference/mask-position-4-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 2b46935b6c1872062ecd31a5f8d7ea3ef7bf12e5 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-4d reference/mask-position-4-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position d03d65891d1024664353f14429801b0cbcf7b645 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-5 reference/mask-position-5-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 7dd089a99722b3c52e507713b4205d202c1d95bc `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-6 reference/mask-position-6-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position cf0739b65e8cadf1b6584cdfd5d0d080eb5db37f `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-position-7 reference/mask-position-7-ref CSS Masking: mask-position: mask positioning https://www.w3.org/TR/css-masking-1/#the-mask-position 170b41b3839dd4eeef13317d5bc3abde0ac5fac5 `Astley Chen`,`Mozilla` Test checks whether positioning mask layer works correctly or not. mask-repeat-1 reference/mask-repeat-1-ref CSS Masking: mask-repeat: repeated mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-repeat 3c4d7ec0065bf30b929dd04d268bface5c931844 `Astley Chen`,`Mozilla` Test checks whether repeated mask layer works correctly or not. mask-repeat-2 reference/mask-repeat-2-ref CSS Masking: mask-repeat: repeated mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-repeat ef1e92061f0fee11eff242f7d8bb356d14400db2 `Astley Chen`,`Mozilla` Test checks whether repeated mask layer works correctly or not. mask-repeat-3 reference/mask-repeat-3-ref CSS Masking: mask-repeat: repeated mask layer image https://www.w3.org/TR/css-masking-1/#the-mask-repeat d8eb894cc3d3183a1136db5b5a88891c4693b3df `Astley Chen`,`Mozilla` Test checks whether repeated mask layer works correctly or not. mask-size-auto reference/mask-size-auto-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size e4fea94ca40cbb698bfd3af9611be16a75bb3157 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-auto-auto reference/mask-size-auto-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 62de97df8d464a7b76966701ca2e25a0e75c77ee `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-auto-length reference/mask-size-auto-length-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 906b70a607727dc5d025983ea8922ab02d8b2ac3 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-auto-percent reference/mask-size-auto-length-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 06f83eb2a378769fda5f1a1c62340fb94268f1a3 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-contain reference/mask-size-contain-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 7101e3cfe23d5466c246ee1894ac738f8ab7814f `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-contain-clip-border reference/mask-size-contain-clip-border-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 9fc2fbc6bdae0de1d79d08dad713177b17c4166a `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-contain-clip-padding reference/mask-size-contain-clip-padding-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size d0dd9e68421e89ec49152aca685cfaff241dc973 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-contain-position-fifty-fifty reference/mask-size-contain-position-fifty-fifty-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 50e1b201cf19ccfae7b5df1e813cc5612b93bf84 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-cover reference/mask-size-cover-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size c70410df67876b27db35b90c66d4a14445ee150b `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-length reference/mask-size-length-length-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 374a109fa6106415e9b7a17aff240f92db394890 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-length-auto reference/mask-size-length-length-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size c5bd356ac26183b11a2c292b0f87d1679053ec3e `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-length-length reference/mask-size-length-length-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size d32c00ed762d376145477fd345aa4b23ca12820b `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-length-percent reference/mask-size-length-percent-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size bebbc73ea2c71758217f71dace09929e6cc0fe1f `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-percent reference/mask-size-percent-percent-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 8c4bd036de832041b3a0c0438b437497ab807a7a `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-percent-auto reference/mask-size-percent-percent-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size c01896d8050ebc0033ec1ab58f2faa3d09f72b1a `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-percent-length reference/mask-size-percent-percent-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 6c2ded16cb5344f1a0cb1d1cd3001935ef3a9d94 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-percent-percent reference/mask-size-percent-percent-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 8c1b082b4a8b70eb2c1ac5820337294ddb83b0a1 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. mask-size-percent-percent-stretch reference/mask-size-percent-percent-stretch-ref CSS Masking: mask-size: mask layer size https://www.w3.org/TR/css-masking-1/#the-mask-size 7d0949f5378ca0a2c6b635713569e0ac53dbadf9 `Astley Chen`,`Mozilla` Test checks whether sizing mask layer works correctly or not. test-mask reference/test-mask-ref CSS Masking: mask-repeat:round repeat; http://www.w3.org/TR/css-masking-1/#the-mask-repeat d958a4c5495e1038da67e6f0a88ada4dbb3f9c1d `Li Jun` Test checks that the mask-repeart value