chromium/third_party/blink/web_tests/fast/borders/outline-negative-start.html

<!DOCTYPE html>
<style>
.square {
    background-color: lightblue;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px;
}
.dashed {
    outline: 1px dashed black;
}
.dotted {
    outline: 1px dotted black;
}
.solid {
    outline: 1px solid black;
}
.with-rotate {
    transform: rotate(0deg);
}
</style>
<div class="square solid with-rotate"></div>
<div class="square dashed with-rotate"></div>
<div class="square dotted with-rotate"></div>