wpt / css / css-box / inheritance.html

Status: FAIL | Duration: 66ms | Subtests: 22/24 | Open test on wpt.live | wpt.fyi

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

SubtestStatusMessage
Property clear has initial value nonePASS
Property clear does not inheritPASS
Property float has initial value nonePASS
Property float does not inheritPASS
Property margin-bottom has initial value 0pxPASS
Property margin-bottom does not inheritPASS
Property margin-left has initial value 0pxPASS
Property margin-left does not inheritPASS
Property margin-right has initial value 0pxPASS
Property margin-right does not inheritPASS
Property margin-top has initial value 0pxPASS
Property margin-top does not inheritPASS
Property margin-trim has initial value noneFAILassert_true: margin-trim doesn't seem to be supported in the computed style expected true got false
Property margin-trim does not inheritFAILassert_true: expected true got false
Property padding-bottom has initial value 0pxPASS
Property padding-bottom does not inheritPASS
Property padding-left has initial value 0pxPASS
Property padding-left does not inheritPASS
Property padding-right has initial value 0pxPASS
Property padding-right does not inheritPASS
Property padding-top has initial value 0pxPASS
Property padding-top does not inheritPASS
Property visibility has initial value visiblePASS
Property visibility inheritsPASS

/css/css-box/inheritance.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inheritance of CSS Box Model properties</title>
<link rel="help" href="https://drafts.csswg.org/css-box-3/#property-index">
<link rel="help" href="https://www.w3.org/TR/CSS2/">
<meta name="assert" content="Properties do not inherit.">
<meta name="assert" content="length-percentage properties have initial value 0.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/inheritance-testcommon.js"></script>
</head>
<body>
<div id="container">
  <div id="target"></div>
</div>
<script>
assert_not_inherited('clear', 'none', 'right');
assert_not_inherited('float', 'none', 'right');

assert_not_inherited('margin-bottom', '0px', '10px');
assert_not_inherited('margin-left', '0px', '10px');
assert_not_inherited('margin-right', '0px', '10px');
assert_not_inherited('margin-top', '0px', '10px');
assert_not_inherited('margin-trim', 'none', 'block');
assert_not_inherited('padding-bottom', '0px', '10px');
assert_not_inherited('padding-left', '0px', '10px');
assert_not_inherited('padding-right', '0px', '10px');
assert_not_inherited('padding-top', '0px', '10px');

assert_inherited('visibility', 'visible', 'collapse');
</script>
</body>
</html>