mask-repeat-valid.html (1763B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Masking Module Level 1: parsing mask-repeat with valid values</title> 6 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-mask-repeat"> 7 <meta name="assert" content="mask-repeat supports the full grammar."> 8 <!-- 9 <mask-repeat> = <repeat-style># 10 <repeat-style> = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2} 11 --> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 <script src="/css/support/parsing-testcommon.js"></script> 15 </head> 16 <body> 17 <script> 18 test_valid_value("mask-repeat", "repeat-x"); 19 test_valid_value("mask-repeat", "repeat-y"); 20 21 test_valid_value("mask-repeat", "repeat"); 22 test_valid_value("mask-repeat", "space"); 23 test_valid_value("mask-repeat", "round"); 24 test_valid_value("mask-repeat", "no-repeat"); 25 26 test_valid_value("mask-repeat", "repeat repeat", "repeat"); 27 test_valid_value("mask-repeat", "repeat space"); 28 test_valid_value("mask-repeat", "repeat round"); 29 test_valid_value("mask-repeat", "repeat no-repeat", "repeat-x"); 30 31 test_valid_value("mask-repeat", "space repeat"); 32 test_valid_value("mask-repeat", "space space", "space"); 33 test_valid_value("mask-repeat", "space round"); 34 test_valid_value("mask-repeat", "space no-repeat"); 35 36 test_valid_value("mask-repeat", "round repeat"); 37 test_valid_value("mask-repeat", "round space"); 38 test_valid_value("mask-repeat", "round round", "round"); 39 test_valid_value("mask-repeat", "round no-repeat"); 40 41 test_valid_value("mask-repeat", "no-repeat repeat", "repeat-y"); 42 test_valid_value("mask-repeat", "no-repeat space"); 43 test_valid_value("mask-repeat", "no-repeat round"); 44 test_valid_value("mask-repeat", "no-repeat no-repeat", "no-repeat"); 45 </script> 46 </body> 47 </html>