CSS - Shorthand property

About

A shorthand is a css property that permits to write several css property into one property value.

Example

For instance, the border property is a shorthand property.

The below border property value

h1 {
   border: 1px solid aqua;
}

is equivalent to

h1 {
   border-width: 1px;
   border-style: solid;
   border-color: aqua;
}