outline-valid.html (1798B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS UI Level 3: parsing outline with valid values</title> 6 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-ui-3/#outline"> 8 <link rel="help" href="https://drafts.csswg.org/cssom/#serializing-css-values"> 9 <meta name="assert" content="outline supports the full grammar '<outline-color> || <outline> || <outline>'."> 10 <meta name="assert" content="outline serializes in canonical order, with shortest possible serialization."> 11 <script src="/resources/testharness.js"></script> 12 <script src="/resources/testharnessreport.js"></script> 13 <script src="/css/support/parsing-testcommon.js"></script> 14 </head> 15 <body> 16 <script> 17 test_valid_value("outline", "rgba(10, 20, 30, 0.4)"); 18 19 test_valid_value("outline", "auto"); 20 test_valid_value("outline", "none", ["currentcolor", "none", "medium"]); 21 test_valid_value("outline", "dotted"); 22 test_valid_value("outline", "dashed"); 23 test_valid_value("outline", "solid"); 24 test_valid_value("outline", "double"); 25 test_valid_value("outline", "groove"); 26 test_valid_value("outline", "ridge"); 27 test_valid_value("outline", "inset"); 28 test_valid_value("outline", "outset"); 29 30 test_valid_value("outline", "0", "0px"); 31 test_valid_value("outline", "1px"); 32 test_valid_value("outline", "calc(2em + 3ex)"); 33 test_valid_value("outline", "thin"); 34 test_valid_value("outline", "medium", ["currentcolor", "none", "medium"]); 35 test_valid_value("outline", "thick"); 36 37 test_valid_value("outline", "dashed thin"); 38 test_valid_value("outline", "medium rgba(10, 20, 30, 0.4)", ["rgba(10, 20, 30, 0.4) medium", "rgba(10, 20, 30, 0.4)"]); 39 40 test_valid_value("outline", "3px ridge rgba(10, 20, 30, 0.4)", "rgba(10, 20, 30, 0.4) ridge 3px"); 41 </script> 42 </body> 43 </html>