Shorthand notations are also called as shorthand properties in CSS. That lets you set multiple values of CSS properties simultaneously. It’s often good to use shorthand notations because it reduces the file size and even improves the performance. /* Example */
.border{
border-width: 1px;
border-style: solid;
border-color: #000;
}
/* shorthand property for the above border example */
.border{
border: 1px solid #000;
} In the above example, we can see that for a border class, we have written three different properties of a border (width, style, and color), which can be written in a better way by just mentioning the border and giving all the required values (width, style, and color). This helps in reducing the file size and even increases the performance.  Similarly, there are shorthand notations for many CSS properties. One of the other examples is padding and margin properties, which take four different values sequentially and assign each in the clockwise direction (Top, Right, Bottom, and Left). This question is a regular feature in CSS basic interview questions, be ready to tackle it.