Css cheatsheet

inset

The inset property shorthand is used to specify top, right, bottom, and left values simultaneously. The values are given in the order top, right, bottom, left, and are separated by spaces.

#css

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/inset


                


<style>
    .inset{
        /* top right bottom left */
        inset: 10px 20px 30px 40px;
    }

    .inset-10{
        /* One value for all sides */
        inset: 10px;
    }
</style>

copy