minerva/Tests/LibWeb/Layout/input/inset-shorthand-property.html at master

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Layout / input / inset-shorthand-property.html

minerva on 13 Jul 436 bytes Initial commit

Raw Blame History

<!DOCTYPE html><style>
.parent {
    width: 200px;
    height: 200px;
    background: grey;
    position: relative;
}
.bad {
    position: absolute;
    background-color: red;
    top: 10px;
    right: 20px;
    bottom: 40px;
    left: 30px;
}
.good {
    position: absolute;
    inset: 10px 20px 40px 30px;
    background-color: green;
}
</style>
<div class="parent">
    <div class="bad">Bad</div>
    <div class="good"></div>
</div>