outline-offset.html | Explore in Territory

<!DOCTYPE html>
<style>
font {
    border-color: white;
    border-top-style: solid;
    color: green;
}

font, textarea {
    border-top-width: 100px;
    margin-left: 25px;
    outline-style: solid;
    outline-offset: -29px;
}

textarea {
    border-color: white white;
    color: white;
    height: 32px;
    margin-right: 200px;
    width: 175px;
    resize: none;
}

p {
    left: 0;
    position: absolute;
    top: 0;
}

.overlay {
    background-color: white;
    height: 155px;
    position: absolute;
    width: 450px;
}

.overlayBottom {
    left: 60px;
    top: 155px;
}
</style>
<div class="overlay"></div>
<div class="overlay overlayBottom"></div>
<font>
    <textarea></textarea>
    <textarea></textarea>
</font>
<p>Test passes if the page renders a green box with open right side.</p>

chromium/third_party/blink/web_tests/fast/inline/outline-offset.html