vertical-align-valid.html (1331B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Inline Layout: parsing vertical-align with valid values</title> 6 <link rel="help" href="https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align"> 7 <link rel="help" href="https://drafts.csswg.org/css-inline/#propdef-vertical-align"> 8 <meta name="assert" content="vertical-align supports the CSS 2 grammar 'baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>'."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 </head> 13 <body> 14 <script> 15 test_valid_value("vertical-align", "baseline"); 16 test_valid_value("vertical-align", "sub"); 17 test_valid_value("vertical-align", "super"); 18 test_valid_value("vertical-align", "top"); 19 test_valid_value("vertical-align", "text-top"); 20 test_valid_value("vertical-align", "middle"); 21 test_valid_value("vertical-align", "bottom"); 22 test_valid_value("vertical-align", "text-bottom"); 23 test_valid_value("vertical-align", "-10px"); 24 test_valid_value("vertical-align", "20%"); 25 test_valid_value("vertical-align", "0", "0px"); 26 test_valid_value("vertical-align", "calc(20% - 10px)"); 27 28 // TODO: Test against the CSS Inline Layout grammar when browsers support it. 29 </script> 30 </body> 31 </html>