mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 14:20:14 +02:00
f5fc7d9b48
Automatic update from web-platform-tests
CSS: Test padding support for percentages
The CSS Box Model Module Level 3 spec was updated
in August 2018 to allow percentages in padding-*.
5434e6a975
Change-Id: I1cfcbf21e6ee8010cfcab500afffd22167f6187a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1755788
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Eric Willigers <ericwilligers@chromium.org>
Cr-Commit-Position: refs/heads/master@{#687234}
--
wpt-commits: 36b35d5a25bb46ccbf4dc60eee9bd55dca884038
wpt-pr: 18453
29 lines
998 B
HTML
29 lines
998 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS basic box model: parsing padding with valid values</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-box-3/#propdef-padding">
|
|
<meta name="assert" content="padding supports the full grammar '<length-percentage>{1,4}'.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/parsing-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
test_valid_value("padding", "10px");
|
|
test_valid_value("padding", "10px 20px 30px 40px");
|
|
test_valid_value("padding", "calc(2em + 3ex)");
|
|
|
|
test_valid_value("padding-top", "10px");
|
|
test_valid_value("padding-right", "20px");
|
|
test_valid_value("padding-bottom", "30px");
|
|
test_valid_value("padding-left", "40px");
|
|
|
|
test_valid_value("padding", "20%");
|
|
test_valid_value("padding", "10px 20% 30% 40px");
|
|
test_valid_value("padding-right", "20%");
|
|
test_valid_value("padding-right", "calc(2em + 3%)");
|
|
</script>
|
|
</body>
|
|
</html>
|