<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
.overflow {
    overflow: scroll;
    width: 200px;
    height: 200px;
}
.resize {
    resize: both;
}
.resize-inherit {
    resize: inherit;
}
</style>
<div class="overflow resize">
    <div class="overflow no-resize"></div>
    <div class="overflow resize-inherit"></div>
</div>
<script>
description("CSS resize property is inherited:no");

shouldBe("getComputedStyle(document.querySelector('.overflow.resize')).resize", "'both'");
shouldBe("getComputedStyle(document.querySelector('.overflow.no-resize')).resize", "'none'");
shouldBe("getComputedStyle(document.querySelector('.overflow.resize-inherit')).resize", "'both'");
</script>