Shorthand Properties

CSS shorthand properties are a way to combine multiple CSS properties into a single declaration. This can make your CSS code more concise and easier to read.

Take margin as an example:

margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;

is the same as:

margin: 10px;

You can specify 1 to 4 values:

margin: [top and bottom] [right and left];
margin: [top] [right] [bottom] [left];
margin: [top] [right and left] [bottom];

There are many other shorthand properties available, such as padding, border, font, and background.