The padding property sets the padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

To save adding padding to each side individually (using padding-top, padding-left etc) can you write it as a shorthand, as below:

Four values:

<style>
    .myDiv {
        padding: 25px 50px 75px 100px; /* top right bottom left; */
    }
</style>
<div class="myDiv"></div>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f28fda5e-267c-464c-8897-e41c176c3567/Untitled.png

Three values:

<style>
    .myDiv {
        padding: 25px 50px 75px; /* top left/right bottom */
    }
</style>
<div class="myDiv"></div>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f58985c7-c27c-41d1-8325-f819b3df4291/Untitled.png

Two values:

<style>
    .myDiv {
        padding: 25px 50px; /* top/bottom left/right */
    }
</style>
<div class="myDiv"></div>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d94e738-7f1a-4325-b554-139fafacc350/Untitled.png

One value:

<style>
    .myDiv {
        padding: 25px; /* top/right/bottom/left */
    }
</style>
<div class="myDiv"></div>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/575b9e4b-893c-4f2e-a429-44ac741e30aa/Untitled.png