wpt / css / css-sizing / inheritance-001.html

Status: PASS | Duration: 84ms | Subtests: 10/10 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (10/10)

Data from commit:
dc9e62f Box the per-node transform to shrink ElementData (#796) (2026-09-02)

SubtestStatusMessage
Property box-sizing has initial value content-boxPASS
Property box-sizing does not inheritPASS
Property max-height has initial value nonePASS
Property max-height does not inheritPASS
Property max-width has initial value nonePASS
Property max-width does not inheritPASS
Property min-height has initial value autoPASS
Property min-height does not inheritPASS
Property min-width has initial value autoPASS
Property min-width does not inheritPASS

/css/css-sizing/inheritance-001.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inheritance of CSS Intrinsic & Extrinsic Sizing properties</title>
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#property-index">
<meta name="assert" content="Properties do not inherit.">
<meta name="assert" content="Properties have initial values according to the spec.">
<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>
<style>
  #container {
    display: grid;
  }
</style>
<script>
assert_not_inherited('box-sizing', 'content-box', 'border-box');
assert_not_inherited('max-height', 'none', '10px');
assert_not_inherited('max-width', 'none', '10px');
assert_not_inherited('min-height', 'auto', '10px');
assert_not_inherited('min-width', 'auto', '10px');
</script>
</body>
</html>