Files
sousa-gecko/testing/web-platform/tests/css/css-backgrounds/parsing/background-clip-computed.html
T
Sam Weinig 99eb022f9f Bug 2044812 [wpt PR 60368] - Update background/mask computed value serializations to match the spec, a=testonly
Automatic update from web-platform-tests
Update background/mask computed value serializations to match the spec (#60368)

Exports WebKit changes from https://commits.webkit.org/314242@main.

As resolved in CSSWG w3c/csswg-drafts#12791.
--

wpt-commits: 120377354764508ff274de1acd64bfed663ab257
wpt-pr: 60368
2026-06-08 08:16:59 +00:00

32 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundClip</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-clip">
<meta name="assert" content="background-clip computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("background-clip", "border-box");
test_computed_value("background-clip", "padding-box");
test_computed_value("background-clip", "content-box");
test_computed_value("background-clip", "border-area");
test_computed_value("background-clip", "border-box, padding-box, content-box, border-area");
test_computed_value("background-clip", "text");
test_computed_value("background-clip", "border-area text");
test_computed_value("background-clip", "text border-area", "border-area text");
document.getElementById("target").style['background-image'] = "none, none";
test_computed_value("background-clip", "border-box", "border-box", "multiple base values");
test_computed_value("background-clip", "border-box, padding-box", "border-box, padding-box", "multiple base values");
test_computed_value("background-clip", "border-box, padding-box, content-box", "border-box, padding-box, content-box", "multiple base values");
</script>
</body>
</html>