wpt / css / css-overflow / parsing / overflow-clip-margin-computed.html

Status: PASS | Duration: 63ms | Subtests: 20/20 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (20/20)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Property overflow-clip-margin value '0px'PASS
Property overflow-clip-margin value '10px'PASS
Property overflow-clip-margin value 'content-box'PASS
Property overflow-clip-margin value 'content-box 0px'PASS
Property overflow-clip-margin value 'content-box 10px'PASS
Property overflow-clip-margin value '10px content-box'PASS
Property overflow-clip-margin value 'padding-box'PASS
Property overflow-clip-margin value 'padding-box 0px'PASS
Property overflow-clip-margin value 'padding-box 10px'PASS
Property overflow-clip-margin value '10px padding-box'PASS
Property overflow-clip-margin value 'border-box'PASS
Property overflow-clip-margin value 'border-box 0px'PASS
Property overflow-clip-margin value 'border-box 10px'PASS
Property overflow-clip-margin value '10px border-box'PASS
Property overflow-clip-margin value 'calc(100px - 50px)'PASS
Property overflow-clip-margin value 'calc(100px - 100px)'PASS
Property overflow-clip-margin value 'calc(0.5em + 100px)'PASS
Property overflow-clip-margin value 'padding-box calc(0.5em + 100px)'PASS
Property overflow-clip-margin value 'padding-box calc(100px - 100px)'PASS
Property overflow-clip-margin value 'border-box calc(0.5em + 100px)'PASS

/css/css-overflow/parsing/overflow-clip-margin-computed.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: getComputedStyle() for overflow-clip-margin</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow/#overflow-clip-margin">
<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("overflow-clip-margin", "0px", "0px");
test_computed_value("overflow-clip-margin", "10px");

test_computed_value("overflow-clip-margin", "content-box");
test_computed_value("overflow-clip-margin", "content-box 0px", "content-box");
test_computed_value("overflow-clip-margin", "content-box 10px");
test_computed_value("overflow-clip-margin", "10px content-box", "content-box 10px");

test_computed_value("overflow-clip-margin", "padding-box", "0px");
test_computed_value("overflow-clip-margin", "padding-box 0px", "0px");
test_computed_value("overflow-clip-margin", "padding-box 10px", "10px");
test_computed_value("overflow-clip-margin", "10px padding-box", "10px");

test_computed_value("overflow-clip-margin", "border-box");
test_computed_value("overflow-clip-margin", "border-box 0px", "border-box");
test_computed_value("overflow-clip-margin", "border-box 10px");
test_computed_value("overflow-clip-margin", "10px border-box", "border-box 10px");

test_computed_value("overflow-clip-margin", "calc(100px - 50px)", "50px");
test_computed_value("overflow-clip-margin", "calc(100px - 100px)", "0px");
test_computed_value("overflow-clip-margin", "calc(0.5em + 100px)", "108px");

test_computed_value("overflow-clip-margin", "padding-box calc(0.5em + 100px)", "108px");
test_computed_value("overflow-clip-margin", "padding-box calc(100px - 100px)", "0px");
test_computed_value("overflow-clip-margin", "border-box calc(0.5em + 100px)", "border-box 108px");
</script>
</body>
</html>